HTML5 Node Garden
Description
Really simple node garden made with HTML5. No Barnes-Hut n-body optimization, just simple physics. I used to do these back in the Flash times, when I worked as a Flash developer. BIT-101 released a great article back then, which got me inspired.
- Click to add nodes
- Drag to make mouse a "black hole"
Rules
- Circles represent nodes
- Node's mass is proportional to it's size
- Lines visualize the gravitational force between nodes
- Line opacity equals to the strength of force
- When two nodes collide, smaller one will reset to a new location and size
- When node travels over screen limits it will reset to a new location and size
Also check out
My other projects:
- HTML5 Deck of Cards
- FRZR view library
Development
Download/clone and then:
npm install
npm run dev
Starts listening file changes and builds automagically to /public folder
License
MIT