squares-timer-overlap.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
repeat(Math.ceil(640/100), (row) => {
  repeat(Math.ceil(960/100), (col) => {
    display.rect(100 * (row+1), 100, 100, 100)
  })
})

timer.every(500, () => {
  display.each("rect", (rect) => {
    rect.animate(400, (to) => {
      to.color = color.hsb(random.num(0,360), 75, 95)
      to.scale = random.num(1,10) * 0.1
    })
  })
})