Add link to github hosted page. Update notes.

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

View File

@ -3,6 +3,8 @@
A procedurally generated and interactive animation created with
[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)
A number of points are placed randomly on a canvas. They move in random

View File

@ -1,23 +1,11 @@
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.
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.
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
of all vertices composing the polygon. The more distant the points (and the
larger the polygon) the more dark the color is shaded.
* Hard. Not sure where to start with this.