thallada/proximity-structures
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add link to github hosted page. Update notes.

Browse Source
This commit is contained in:
Tyler Hallada 2017-08-07 22:00:44 -04:00
parent 9df2a2381a
commit f0591e0c13
2 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -3,6 +3,8 @@
A procedurally generated and interactive animation created with A procedurally generated and interactive animation created with
[PixiJS](http://www.pixijs.com/). [PixiJS](http://www.pixijs.com/).
Play with it here: [http://proximity.hallada.net](http://proximity.hallada.net)
![GIF of the animation in action](/img/proximity-structures.gif) ![GIF of the animation in action](/img/proximity-structures.gif)
A number of points are placed randomly on a canvas. They move in random A number of points are placed randomly on a canvas. They move in random

16
notes.md
View File

@ -1,23 +1,11 @@
Space the dots out more. Don't let them get close. Space the dots out more. Don't let them get close.
* Still not sure if I want to do this
Rotate the dots around the page in a circular pattern. Rotate the dots around the page in a circular pattern.
Click events:
* Get position of mouse click
* In drawPolygon, notice that there is an unresolved mouse click
* To resolve it, loop through every point
** * Update target x by some constant * distance to mouse click
* Constant can be tweaked for different effects (pull, vs, push)
* Do the same for target y
* Empty mouse click register to resolve
* Continue with drawPolygon
Make a better points data structure with x and y keys. Make a better points data structure with x and y keys.
For debugging, display a line of the intended path for each point.
* Run the whole tween function in one tick, drawing a single pixel along
If lines make a connected polygon, shade the inside of it with the average color If lines make a connected polygon, shade the inside of it with the average color
of all vertices composing the polygon. The more distant the points (and the of all vertices composing the polygon. The more distant the points (and the
larger the polygon) the more dark the color is shaded. larger the polygon) the more dark the color is shaded.
* Hard. Not sure where to start with this.