intersection-point-line.js

/* categories: intersections files: ../point_src/core/head.js ../point_src/pointpen.js ../point_src/pointdraw.js ../point_src/setunset.js ../point_src/stroke.js ../point_src/point-content.js ../point_src/pointlistpen.js ../point_src/pointlist.js ../point_src/point.js ../point_src/events.js ../point_src/automouse.js ../point_src/distances.js ../point_src/dragging.js ../point_src/functions/clamp.js ../point_src/mirror.js ../point_src/stage.js ../point_src/text/label.js ../point_src/intersections.js --- Discover the intersection of two straight _lines_, the returned point will be the intersection of those lines. A line is a list of two points [{x:10, y:10}, {x:50, y:50}] lineA = new PointList( new Point({x:406, y:76, radius: 20}) , new Point({x:145, y:397, radius: 20}) ) lineB = new PointList( new Point({x:206, y:176, radius: 20}) , new Point({x:245, y:297, radius: 20}) ) checkLinesIntersection(lineA, lineB) We can project (at a length) from line a _through_ line b, essentially as a ray beam for a defined distance. checkLinesIntersection(lineA, lineB, 400) When ray projecting, the _lineB_ is essentially a _direction_ rather than just a collision. */ class MainStage extends Stage { canvas='playspace' mounted(){ this.line = new PointList( new Point({x:406, y:76, radius: 20}) , new Point({x:145, y:397, radius: 20}) ) this.other = new Point({x:200,y:200, radius: 140}) this.dragging.addPoints(...this.line, this.other) } draw(ctx){ this.clear(ctx) this.line.pen.line(ctx) this.other.pen.indicator(ctx) this.dragging.drawIris(ctx) let i2 = checkPointIntersectionWithin(this.line, this.other, this.other.radius) if(i2) { let iPoint = (new Point).copy(i2).update({radius: 20}) // iPoint.radius = 30 iPoint.pen.indicator(ctx) } i2 = checkPointIntersectionEdge(this.line, this.other, this.other.radius) if(i2.length > 0) { i2.forEach((xy)=>{ let iPoint = (new Point).copy(xy).update({radius: 5}) // iPoint.radius = 30 iPoint.pen.fill(ctx, '#CC00BB') }) } } } ;stage = MainStage.go();