https://github.com/scriptraccoon/dancing-circles

Browser game with dancing circles
https://github.com/scriptraccoon/dancing-circles

Last synced: 6 days ago
JSON representation

Browser game with dancing circles

• Host: GitHub
• URL: https://github.com/scriptraccoon/dancing-circles
• Owner: ScriptRaccoon
• License: mit
• Created: 2020-05-30T01:03:54.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-01-26T00:03:11.000Z (over 2 years ago)
• Last Synced: 2025-11-30T12:57:08.482Z (7 months ago)
• Language: JavaScript
• Homepage: https://dancing-circles.netlify.app
• Size: 19.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Dancing circles

Browser game which lets you create circles which dance with each other.

https://dancing-circles.netlify.app

_Rules._ When two circles are close to each other (say, less than 100 pixels), they start to rotate around the midpoint of their midpoints (clockwise by default). Circles which get outside of the canvas are removed.

When these rules are applied to many circles at a time, it produces a complex movement. Very interesting and non-predictable systems can arise already with 4 circles.

![Demo with 4 circles](./img/demo1.gif)

Mixing clockwise and anticlockwise circles can produce chaos, wild dancing or even 'black holes': these are groups of fast rotating circles which converge towards a point and suck in all nearby circles.

![Demo of black hole](./img/demo2.gif)

Click the canvas anywhere to generate a new circle at this point. In the menu you can adjust the size and the orientation of the next circle, adjust the global dance threshold, remove the last circle or even all circles, toggle trails of the circles and toggle lines between dancing circles.

![Demo of lines](./img/demo3.gif)

![Demo of trails](./img/demo4.gif)