shader-playground Svelte Themes

Shader Playground

A playground for testing out shaders in Three.js

Features

  • Water
    • Transparency
    • Distortion
    • Edge foam
    • Reflection
    • Waves
    • Dynamic lighting
  • Grass
    • Color and shadow
    • Dynamic lighting
    • Wind movement
    • Spawn on grass terrain only
  • [-] Lights
    • Directional light
    • Point light
    • Spot light
    • Area light
    • Godray
    • Bloom
  • Weather and elements
    • Fire
    • Rain
    • Particles
    • Day/night cycle
  • Structures
    • Tree
  • Toon material
    • Customizable lighting (specular, rim)

Bugs

  • Multiple lights and colors do not mix correctly
  • Pixel pass uses hard coded light direction
    • Reflection shader normal edge detection is not correct
  • Water does not react to lighting
  • Prevent grass from spawning in water

Resources

Top categories

Loading Svelte Themes