HTML Space Simulation

Controls

• Q and E Keys = Down and Up
• W and S Keys = Forward and Backward
• A and D Keys = Left and Right
• SHIFT key = Max engine power (Turbo)
• F3 key = Show FPS

Shader effects

• God rays: this is expensive so if you get low fps, turn it off.  God Rays (Crepuscular rays) are an atmospheric effect and do not happen in space.
• Lens flare: very cheap effect as it uses a MultiMeshInstance3D to draw all lens flare artifacts in one draw call.
• Earth and Venus Atmosphere shader: moderately expensive, but is turned off when far away from planet.  Turn it off if your FPS is low.
• Engine Thrust shader
• Saturn Rings: use an Alpha Scissor mesh for shadows, and an Alpha Transparency mesh for rendering.  Ring mesh and UV mapping created via code.
• Earth and Mars Day/Night/Clouds Shader with Specular map.

Limitations

• Everything is not to scale.  This is a tech demo showing some shader effects that actually work and perform relatively well using the Compatibility (WebGL2) renderer.
• You might get a shader compile shutter the first time you look at a planet.  This only happens once.
• The simulation is designed for a 1920x1080 viewport.  On smaller viewports (screen sizes) the starfield might get a snowy effect.  Setting the the starfield rotation to zero will remove this issue.
• Saturn's rings sometimes bleeds the Lens Flare effect under certain situations.

Credits

Cool low poly alien ship - https://sketchfab.com/3d-models/luminaris-starship-b8001c7cf83240f383ccdbe75094e468

Planet textures and maps - https://www.solarsystemscope.com/textures/