SDF-Workshop

A interactive reveal.js workshop to teach the basics of signed distance field rendering. Here are the slides.

Further reading

Big big thanks to Inigo Quilez, a major inspiration to me and my major source to learn about SDF rendering.

• furmula collection
• normals
• soft shadow
• a creazy sdf scene (only follow link on a system with a capable gpu)

Tech Stack

• Reveal.js
• Codemirror - the shader editor
  • Vim Motions
  • glsl highlightibg
• Svelte (UI Framework/State Management