A while ago I saw a cool background effect for a api-secret-sharing-service I use at work. The effect is bassically described as a bunch of nodes which can be linked by a thin line if they are at a certain distance from each other.
- Normal Nodes - nodes which do not have any special properties
- Line Nodes - nodes which try to connect to other nodes with a thin line based on their distance
- Group Nodes - larger nodes with a randomly assigned colour which can extend to other types of nodes; group nodes are also line nodes with a larger line distance
- node aging which affects node velocity
- opt* nodes stop after death (lifespan reaches 0)
- opt* nodes drift offscreen after death
- opt* nodes collide with canvas boundary
- opt* nodes pass through canvas boundary and come through the opposite side
- opt* draw only N closest distance lines
- debug grids for Line and Group nodes
- relative text and debug buttons
- Node collision
- Node attraction
- Node repelling
- Node dragging
- Create artificial boundary inside canvas, so nodes can collide with it or pass through
- Voronoi Nodes which can be arranged by some input (img, text, pixels) and given other node properties (lines and colour). Should be immovable so the voronoi can be seen :)
- Ui with more buttons which are relative to width and
todo add screenshots