Skip to content

Latest commit

 

History

History
40 lines (26 loc) · 1.06 KB

README.md

File metadata and controls

40 lines (26 loc) · 1.06 KB

HTML5 Node Garden

https://nodegarden.js.org

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:

Development

Download/clone and then:

npm install
npm run dev

Starts listening file changes and builds automagically to /public folder

License

MIT