sub-elements.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
32
33
34
35
36
37
38
39
display.color = color.skyblue

fill(color.skyblue.lighter(10))

r = display.rect(display.center, 80, 80)

c = display.circle(0, 0, 40)
c.color = color.skyblue
r.add(c)

g = display.ghost(0, 0, 40)
g.color = color.skyblue.darker(10)
c.add(g)

g.add(Circle(-8, -10, 3))
g.add(Circle(8, -10, 3))


update(() => {
  r.pointTo(input)
  r.move(4)
})

let btn = ui.button("Test", 0, 0)
btn.action(() => {
  console.log("hello")
})

let btnP = display.rect(0, 0, 100, 100)
btnP.color = color.skyblue.darker(10)

let elem = display.rect(200, 200, 400, 200)

btnP.add(btn)
elem.add(btnP)

update(() => {
  elem.rotate(1)
})