circles-border-timer.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
th = display.circle(display.center, 120)
th.tag = "th"
th.borderWidth = 0
var initCol = random.num(0,360)
th.color = color.hsb(initCol, 100, 50)
th.borderColor = color.hsb(initCol, 70, 95)

th.animate({ duration: 400, autoreverse: true }, (to) => {
  var col1 = random.num(0,360)
  to.borderWidth = 30
  to.color = color.hsb(col1, 100, 50)
  to.borderColor = color.hsb(col1, 70, 95)
})

repeat(Math.ceil(display.width / 100), (col) => {
  repeat(Math.ceil(display.height/100), (row) => {
    ci=display.circle(25 + (100 * col), 25 + (100 * row), 50)
    ci.borderWidth = 2
  })
})

timer.every(1000, () => {
  display.each("circle", (obj) => {
    var col = random.num(0,360)
    obj.animate(480, (to) => {
      to.color = color.hsb(col, 100, 50)
      to.borderColor = color.hsb(col, 70, 95)
      to.borderWidth = random.num(0,30)
    })
  })
})