collision-box-2.js

/* title: CollisionBox Class categories: collisions files: ../point_src/core/head.js ../point_src/pointpen.js ../point_src/pointdraw.js ../point_src/extras.js ../point_src/math.js ../point_src/point-content.js ../point_src/stage.js ../point_src/point.js ../point_src/distances.js ../point_src/pointlist.js ../point_src/pointlistpen.js ../point_src/events.js ../point_src/functions/clamp.js ../point_src/random.js ../point_src/dragging.js ../point_src/setunset.js ../point_src/stroke.js ../point_src/relative.js ../point_src/automouse.js ../point_src/collisionbox.js */ class MainStage extends Stage { // canvas = document.getElementById('playspace'); canvas = 'playspace' mounted() { this.mouse.point.radius = 20 this.points1 = PointList.generate.grid(100, 10, 40, {x: 100, y:100}); this.points1.each.radius = 20; this.points2 = PointList.generate.grid(100, 10, 40, {x:620, y: 240}); this.points2.each.radius = (p)=>p.radius=5+random.int(20) this.points = this.points1.concat(this.points2) this.dragging.add(...this.points); this.collisionbox = new CollisionBox(this.points) } draw(ctx) { this.clear(ctx); this.collisionbox.step(this.mouse.point) this.mouse.point.pen.indicator(ctx); this.points.pen.indicators(ctx); } } stage = MainStage.go()