gravity-binary-architecture/burst.js at main · FlashMS/gravity-binary-architecture · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const svgNS = "http://www.w3.org/2000/svg";
const group = document.getElementById("burstGroup");
for (let i = 0; i < 120; i++) {
  const angle = Math.random() * 360;
  const length = 30 + Math.random() * 50;
  const x2 = 100 + length * Math.cos(angle * Math.PI / 180);
  const y2 = 100 + length * Math.sin(angle * Math.PI / 180);
  const line = document.createElementNS(svgNS, "line");
  line.setAttribute("x1", "100");
  line.setAttribute("y1", "100");
  line.setAttribute("x2", x2);
  line.setAttribute("y2", y2);
  line.setAttribute("stroke", hsl(, 80%, 60%));
  line.setAttribute("stroke-width", (1 + Math.random() * 3).toFixed(1));
  line.setAttribute("stroke-opacity", Math.random().toFixed(2));
  line.setAttribute("stroke-dasharray", Math.random() > 0.5 ? "4,2" : "none");
  group.appendChild(line);
}