# Proximity Structures
A procedurally generated and interactive animation created with PixiJS

## Help

Interaction | Action
--- | ---
mouse hover | push points away from cursor
mouse/touch click and hold | attract points to cursor, then explode outwards
mouse wheel scroll down | slow down time
mouse wheel scroll up | speed up time
`←` (left) | hold to restrict points to the left of the screen
`→` (right) | hold to restrict points to the right of the screen
`↑` (up) | hold to restrict points to the top of the screen
`↓` (down) | hold to restrict points to the bottom of the screen
`1` | makes points move linearly
`2` | makes points meander
`3` | makes points snappy
`4` | makes points bouncy
`5` | makes points elastic
`6` | makes points overshoot
`f` | toggle FPS counter
`d` | toggles debug mode (including FPS counter)
`n` | toggles display of nodes
`l` | toggles display of lines
`?` | toggles this help modal

## Settings

WARNING: Certain combinations of settings can crash your browser or tab.

Points Count:
Connection Distance:
Connection Limit:
Max Travel Distance:
Cycle Duration:
Point Size:
Line Size:
Color Shift:
Point tweening: Linear Meandering Snappy Bouncy Elastic Overshoot
Drawing: Debugging FPS Counter Points Lines