sub-elements6.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
let s = 200

let r = display.rect(display.center, s, s);

[
  [s/2, -s/2],
  [s/2, s/2],
  [-s/2, s/2],
  [-s/2, -s/2],
].each((pos) => {
  let e = display.circle(...pos, s/4)
  e.color = color.skyblue
  e.borderColor = color.hsb(0, 100, 60)
  e.borderWidth = 2
  
  e.add(Circle(0, 0, s/10))
  r.add(e)

})

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