diff --git a/README.md b/README.md index f7b4cba..0cda3a6 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/notes.md b/notes.md index b9994ad..b9eb86a 100644 --- a/notes.md +++ b/notes.md @@ -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.