floatygons.js
Random floating dots that form a polygon, something I made for my portfolio site. Every setting can be tweaked.
Usage
let f = require("floatygons");
const m = new f.Floatygons();
const m = new f.Floatygons({
canvasId: "#floatygonCanvas",
clearColor: "#1b1b1b",
dotColor: "#FFFFFF",
lineColor: "#FFFFFF",
maxDotsAlive: 128,
dotSize: 3,
maxDotSpeed: 20,
maxConnections: 3,
maxDistance: 200,
fps: 144,
rescaleToParent: true,
enforceConnectionStrain: false
});
m.start();
m.stop();
m.resume();
Use the enforceConnectionStrain
to hard enable a hard constraint. Normally, dots can be connected to the value from maxConnections
but outside connections are still allowed. Setting enforceConnectionStrain
to true
will prevent outside connections.