Nodes

I've been experimenting with WebGL and writing raw GLSL shaders lately. This is a little thing I wrote which manages to do all the animation calculations, including the positions of all particles and edges and the computations required to find distances and set colors, in the shaders. The only changing inputs to the shaders from frame to frame during the animation loop are a timestamp and mouse coordinates.

Thanks to the TWGL, a "Tiny WebGL Helper Library", which takes care of a lot of the WebGL boilerplate.

---

Run it yourself:

npm install
npm run watch

Then:

npm run serve

And point your browser to localhost:4343.

---

See it in action here: tbaldw.in/nodes or check out the code at github.com/rolyatmax/floating-nodes.