domains / families / design / 3d-sky-rays

3d-sky-rays

separate

Add sun shafts and crepuscular rays to a Three.js or equivalent 3D scene, using scene occlusion, a projected sun position, controlled foreground spill, and scalable post-processing. Use for rays of light from the sky, sunlight through trees or roofs, and golden-hour architectural scenes.

When to use

• sun shafts
• crepuscular rays
• sunlight through trees
• sunlight through roofs
• golden-hour architectural scenes
• Three.js 3D scenes
• WebGL screen-space effects
• WebGPU node/render pipeline equivalents

When not to use

• depth-integrated volumetric scattering
• tasks not involving 3D scenes
• non-Three.js or non-equivalent 3D engines

Skill page

Source