👾 A collection of raymarching experiments using react-three-fiber & family 

r3f-raymarching

# 👾 Raymarching shaders

## 👉 https://raymarching.netlify.app/cube

<img src="https://raw.githubusercontent.com/gsimone/r3f-raymarching/master/screenshot.png" width="300" />


## Getting Started

I followed this tutorial/live coding video https://www.youtube.com/watch?v=afc8qabsGYg&t=1336s by [@akella](https://twitter.com/akella) 

## Useful links 

- [Rotation Functions](https://gist.github.com/yiwenl/3f804e80d0930e34a0b33359259b556c)
- [Distance Functions](https://www.iquilezles.org/www/articles/distfunctions/distfunctions.htm)
- [Procedural Palettes](https://iquilezles.org/www/articles/palettes/palettes.htm)


## Read

- [Improving the Rainbow](https://www.alanzucconi.com/2017/07/15/improving-the-rainbow/) by [@alanzucconi](https://twitter.com/AlanZucconi)
- [Not so discreet charm of machine colors](https://medium.com/@kazikpogoda/not-so-discreet-charm-of-machine-colors-1390d4dba3db) by [@KazikPogoda](https://twitter.com/KazikPogoda)
- [Raymarching Workshop](https://github.com/electricsquare/raymarching-workshop)

## Shader Learning

- [Book of Shaders](https://thebookofshaders.com/)
- [Ronja Tutorials](https://www.ronja-tutorials.com/)
- [Unity Shaders](https://github.com/adrian-miasik/unity-shaders) A collection of basic shaders in Unity


r3f-raymarching

README

👾 Raymarching shaders

👉 https://raymarching.netlify.app/cube

Getting Started

Useful links

Read

Shader Learning