ec4b9113df
* fix artifacts on mobile * feat(skybox): Add moon and milky way rendering This commit enhances the simulated skybox with the following features: - **Moon Rendering:** A textured moon with normal mapping has been added. The moon's phase is calculated and rendered correctly. Earthshine is also simulated. - **Milky Way Background:** An equirectangular milky way texture is now rendered in the background. The intensity and saturation of the milky way can be adjusted. - **Asset Processing Scripts:** Python scripts have been added to download and process the moon and milky way textures. This includes generating a normal map from a displacement map for the moon. - **GUI Controls:** The GUI has been updated to include controls for the moon (azimuth, height, intensity, radius) and the milky way (intensity, saturation, sidereal time, latitude). - **Real-time Sync:** The application can now use the user's geolocation to automatically set the position of the sun and moon. - **Sun/Moon Calculation:** The library has been added to calculate the position of the sun and moon. DOCS_FORCE
44 lines
824 B
HTML
44 lines
824 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Analytic Skybox</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
|
|
<link href="styles.css" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
background: #000;
|
|
}
|
|
|
|
canvas {
|
|
touch-action: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
outline: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<canvas></canvas>
|
|
|
|
<!-- Filament -->
|
|
<script src="filament.js"></script>
|
|
<script src="gl-matrix-min.js"></script>
|
|
|
|
<!-- UI -->
|
|
<script src="lil-gui.js"></script>
|
|
|
|
<!-- Utils -->
|
|
<script src="assets/suncalc_global.js"></script>
|
|
|
|
<!-- App -->
|
|
|
|
<script src="SimulatedSkybox.js?v=9999"></script>
|
|
<script src="main.js?v=9999"></script>
|
|
</body>
|
|
|
|
</html> |