display-each.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
display.circle(480, 320, 50)
display.cloud(100, 200, 50)
display.ellipse(100, 300, 20, 40)
display.heart(100, 200, 50)
display.line(100, 200, 200, 300)
display.polygon(480, 320, 50, 5)
display.rect(100, 100, 100, 100)
display.star(100, 200, 50)

let changeProperties = (element) => {
  element.position = random.position()
  element.color = color.hsb(random.number(0, 360), 75, 95)
  element.borderColor = element.color.darker(5)
  element.borderWidth = 10
}

display.each("circle", changeProperties)
display.each("cloud", changeProperties)
display.each("ellipse", changeProperties)
display.each("heart", changeProperties)
display.each("line", changeProperties)
display.each("polygon", changeProperties)
display.each("rect", changeProperties)
display.each("star", changeProperties)