The whole sky for react-three-fiber: atmosphere, sun, moon, stars, meteors and lighting. Needs a WebGPURenderer. Drives scene.environment and scene.fog (see lighting).
scene.environment
scene.fog
lighting
<Canvas gl={async (props) => { const r = new WebGPURenderer(props as any); await r.init(); return r }}> <Sky clock={{ dayLength: 300 }} observer={{ latitude: 52 }} shootingStars={{ shower: 60 }}> <TimeControls /> </Sky></Canvas> Copy
<Canvas gl={async (props) => { const r = new WebGPURenderer(props as any); await r.init(); return r }}> <Sky clock={{ dayLength: 300 }} observer={{ latitude: 52 }} shootingStars={{ shower: 60 }}> <TimeControls /> </Sky></Canvas>
The whole sky for react-three-fiber: atmosphere, sun, moon, stars, meteors and lighting. Needs a WebGPURenderer. Drives
scene.environmentandscene.fog(seelighting).