squares-border-timer.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
repeat(Math.ceil(display.width / 100), (row) => {
  repeat(Math.ceil(display.height/100), (col) => {
    display.rect(25 + (100 * row), 25 + (100 * col), 100, 100)
  })
})
timer.every(1000, () => {
  display.each("rect", (obj) => {
    var col = random.num(0,360)
    obj.animate(480, (to) => {
      to.color = color.hsb(col, 100, 25)
      to.cornerRadius = random.num(0, 50)
      to.borderColor = color.hsb(col, 70, 95)
      to.borderWidth = random.num(5, 15)
    })
  })
})