X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/60084ea2a6cc7c001a4bbeb46f2d296afc3ecdac..a487be1cfdf591f5b568a9729c95e6c593271a8a:/js/animation.js diff --git a/js/animation.js b/js/animation.js index 2474be3..9c8723f 100644 --- a/js/animation.js +++ b/js/animation.js @@ -8,22 +8,16 @@ y: p.y + rad * S(l) }), X = K.getContext('2d'), - f = 24, - l = 0, - s = 1, - z = 5 + r(10), - k = R() > 0.5, - c = R() > 0.5, + f = 24, l = 0, s = 1, z = 5 + r(10), + k = R() > 0.5, c = R() > 0.5, I = Array(r(10) + 6).fill().map(() => ({ x: r(64), y: r(64), a: R() * 2 * PI, - c: r(256) + c: r(100) })), - H = [sqr, crc, hrt, chs, lch], - P = [id, spn(5), spn(15)], - draw = H[r(H.length)], - pos = P[r(P.length)] + H = [sqr, crc, hrt, chs, lch], P = [id, spn(5), spn(15)], + draw = H[r(H.length)], pos = P[r(P.length)] function r(x) { return floor(R() * x) @@ -58,7 +52,7 @@ var {x, y} = pos(i) X.beginPath() X.lineWidth = 5 - X.strokeStyle = `hsl(0,0,${i.c})` + X.strokeStyle = `hsl(0,0%,${i.c}%)` X.moveTo(x, y) X.lineTo(x * 10 * C(i.a), y * 10 * S(i.a)) X.stroke() @@ -94,7 +88,7 @@ } function ucl(i) { - i.c = (i.c + 5) % 256 + i.c = (i.c + 2) % 101 } function frm(t) { @@ -106,7 +100,7 @@ if (dt > 1000 / f) { k && X.clearRect(0, 0, 64, 64) for (var i of I) { - X.fillStyle = `hsl(0,0,${i.c})` + X.fillStyle = `hsl(0,0%,${i.c}%)` draw(i) c && ucl(i) mov(i)