# SDF-Workshop

A interactive reveal.js workshop to teach the basics of signed distance field rendering.
[Here](https://sdf.madeio.net) are the slides.

## Further reading
Big big thanks to [Inigo Quilez](https://iquilezles.org/), a major inspiration to me and my major source to learn about SDF rendering.
- [furmula collection](https://iquilezles.org/articles/distfunctions/)
- [normals](https://iquilezles.org/articles/normalsSDF/)
- [soft shadow](https://iquilezles.org/articles/rmshadows/)
- [a creazy sdf scene](https://www.shadertoy.com/view/4ttSWf) (only follow link on a system with a capable gpu) 

## Tech Stack
- [Reveal.js](https://github.com/hakimel/reveal.js/)
- [Codemirror](https://code.haverbeke.berlin/codemirror/dev/) - the shader editor
  - [Vim Motions](https://github.com/replit/codemirror-vim)
  - [glsl highlightibg](https://github.com/untopics/codemirror-lang-glsl)
- [Svelte (UI Framework/State Management](https://github.com/sveltejs)