https://github.com/rolyatmax/floating-nodes

more webgl fun
https://github.com/rolyatmax/floating-nodes

animation creative-coding generative-art javascript shaders webgl

Last synced: 9 days ago
JSON representation

more webgl fun

• Host: GitHub
• URL: https://github.com/rolyatmax/floating-nodes
• Owner: rolyatmax
• Created: 2015-07-26T22:07:43.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-09-10T23:54:08.000Z (about 7 years ago)
• Last Synced: 2024-11-01T03:22:59.770Z (16 days ago)
• Topics: animation, creative-coding, generative-art, javascript, shaders, webgl
• Language: JavaScript
• Size: 508 KB
• Stars: 37
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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.

Recently rewritten with [regl](http://regl.party)!

![nodes](/img/img.png?raw=true "nodes")

-------------------

# Run it yourself:

    npm install

    npm start

------------------

See it in action here: [tbaldw.in/nodes](https://tbaldw.in/nodes) or check out

the code at [github.com/rolyatmax/floating-nodes](https://github.com/rolyatmax/floating-nodes).