physics.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
display.color = color.hsb(0,0,0,10);

[
  [250, 150, 600, 15],
  [710, 275, 600, 15],
  [250, 400, 600, 15],
  [710, 525, 600, 15]
].each((ar, i) => {
  let f=display.rect(...ar)
  f.angle = (i == 1 || i == 3) ? -15 : 15
  f.color = color.clear
  f.borderColor = color.hsb(f.y / display.height * 360, 55, 95)
  f.borderWidth = 0.25
  physics.add(f, { type: "static" })
})

repeat(200, () => {
  let c = display.circle(100, 20, 5)
  c.color = color.hsb(0, 55, 95)
  physics.add(c, { friction: 0.5, bounce: 0.7, density: 1 })
})

update(() => {
  display.each("circle", (el) => {
    el.ifOnEdgeContinue()
    el.color.hue = el.y / display.height * 360
  })
})