Add link to github hosted page. Update notes.
This commit is contained in:
parent
9df2a2381a
commit
f0591e0c13
@ -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
|
||||
|
16
notes.md
16
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.
|
||||
|
Loading…
Reference in New Issue
Block a user