shapes-border.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
display.rect(100, 100, 100, 100)
display.circle(300, 100, 50)
display.ellipse(500, 100, 40, 60)
display.polygon(display.center, 50, 6)
display.cloud(100, 300, 50)
display.star(300, 300, 50)
display.heart(700, 300, 50)
lin = display.line(700, 50, 900, 200)
lin.style = LineStyle.dots
lin.width = 30

display.all((elem) => {
  ang = random.num(0,360)
  elem.color = color.hsb(ang, 75, 25)
  elem.borderColor = color.hsb(ang, 55, 95)
  elem.borderWidth = 5
})

timer.every(500, () => {
  display.all((elem) => {
    elem.animate(400, (to) => {
      to.borderWidth=random.num(1, 15)
      to.cornerRadius = random.num(0, 15)
    })
  })
})