Use a 25px grid

1 files changed, 5 insertions, 5 deletions

diff --git a/static/js/animation.js b/static/js/animation.js
index d78ac8f..c13cd08 100644
--- a/static/js/animation.js
+++ b/static/js/animation.js
@@ -3,10 +3,10 @@ var K=document.querySelector('canvas'),
 X=K.getContext('2d'),F=24,l=-1001,
 u=0,S=Array(~~(z()*2)+3).fill().map(()=>({
  C:~~(z()*10)+4,
- r:30-4*u++, T:z()*.1,
+ r:37.5-4*u++, T:z()*.1,
  R:z()>.25?z()/5-.1:0,
  S:z()>.25?z()*.5+.5:1,
- n:30,t:0,d:1
+ n:37.5,t:0,d:1
 })),Z=matchMedia('(prefers-reduced-motion: reduce)').matches?0:1
 
 X.strokeStyle='#fff'
@@ -21,7 +21,7 @@ px=x+r*cos(a), py=y+r*sin(a)
 X.stroke()
 }
 function d(s) {
- var cx=30,cy=30,{T,d,r,S,n}=s
+ var cx=37.5,cy=37.5,{T,d,r,S,n}=s
  s.n+=T*d
  if (s.n>=r) {
   s.n=r
@@ -38,8 +38,8 @@ function f(t) {
   if(Z)requestAnimationFrame(f)
   var dt=t-l
   if (dt>1000/F) {
-    X.clearRect(0,0,60,60)
-    X.rect(0,0,60,60)
+    X.clearRect(0,0,75,75)
+    X.rect(0,0,75,75)
     X.stroke()
     S.map(d)
     l=t