grid.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
numx = 3
size = display.width / numx
numy = Math.ceil(display.height / numx / size * numx)

times(numy, (y) => {
  times(numx, (x) => {
    let r = display.rect(
      (x*size)+size/2,
      (y*size)+size/2,
      size,
      size
    )
    r.color = color.hsb(random.num(0,360), 42, 92)
    r.animate({ t: 4000,autoreverse: true, easing: Easing.easeInOutSine }, (to) => {
      to.color = color.hsb(random.num(0,360), 42, 92)
      to.borderColor = to.color.darker()
      to.cornerRadius = 150 / numx
      to.borderWidth = 150 / numx
    })
  })
})

numx = 3
size = display.width / numx
numy = Math.ceil(display.height / numx / size * numx)

repeat(numy, (y) => {
  repeat(numx, (x) => {
    let r = display.rect(
      (x*size)+size/2,
      (y*size)+size/2,
      size,
      size
    )
    r.color = color.hsb(random.num(0,360), 42, 92)
  })
})