single-chord-example.js

total 0
used 0
limit 0
/* title: Circle Segment category: chords files: head ../point_src/math.js ../point_src/extras.js ../point_src/point-content.js pointlist point stage mouse dragging stroke ../point_src/random.js ../point_src/chords.js --- A _segment_, is a non-equidistant chord. !here the points are _anywhere_ around the edge. In this example the single point projects a chord within the area point, through the its own direction. */ class MainStage extends Stage { canvas = 'playspace' mounted(){ this.areaPoint = new Point({x: 250, y: 150 , radius: 100}) this.iPoint = new Point({x: 250, y: 150 , radius: 10, rotation: 33}) this.dragging.add(this.areaPoint, this.iPoint) } // onMousedown(ev) { // this.iPoint.rotation = random.int(180) // } draw(ctx){ this.clear(ctx) let p = this.areaPoint let chord = this.iPoint chord.pen.indicator(ctx) let r = chordEndpoints2(p, chord) p.pen.circle(ctx, undefined, 'purple') if(r) { new Point(r[0]).pen.line(ctx, r[1], 'green') r.forEach(d=>{ new Point(d).pen.fill(ctx, 'purple') }); } } } stage = MainStage.go(/*{ loop: true }*/)
Run
Meta Data
title Circle Segment
imports ()
files ('head', '../point_src/math.js', '../point_src/extras.js', '../point_src/point-content.js', 'pointlist', 'point', 'stage', 'mouse', 'dragging', 'stroke', '../point_src/random.js', '../point_src/chords.js')
unused_keys ()
unknown_keys ('category',)
category ['chords']
filepath_exists True
path single-chord-example.js
filepath single-chord-example.js
clean_files ('../point_src/core/head.js', '../point_src/math.js', '../point_src/extras.js', '../point_src/compass.js', '../point_src/center.js', '../point_src/point-content.js', '../point_src/pointlistdraw.js', '../point_src/pointlistgradient.js', '../point_src/pointlistshape.js', '../point_src/pointlistgenerator.js', '../point_src/unpack.js', '../point_src/pointlist.js', '../point_src/pointlistpen.js', '../point_src/pointpen.js', '../point_src/pointdraw.js', '../point_src/relative-xy.js', '../point_src/pointcast.js', '../point_src/point.js', '../point_src/stage-resize.js', '../point_src/functions/resolve.js', '../point_src/stage.js', '../point_src/events.js', '../point_src/automouse.js', '../point_src/functions/clamp.js', '../point_src/distances.js', '../point_src/protractor.js', '../point_src/text/beta.js', '../point_src/dragging.js', '../point_src/setunset.js', '../point_src/stroke.js', '../point_src/random.js', '../point_src/chords.js')
markdown {'html': '<p>A <em>segment</em>, is a non-equidistant chord. !here the points are <em>anywhere</em> around the edge.</p>\n<p>In this example the single point projects a chord within the area point, through\nthe its own direction.</p>', 'content': 'title: Circle Segment\ncategory: chords\nfiles:\n head\n ../point_src/math.js\n ../point_src/extras.js\n ../point_src/point-content.js\n pointlist\n point\n stage\n mouse\n dragging\n stroke\n ../point_src/random.js\n ../point_src/chords.js\n---\n\nA _segment_, is a non-equidistant chord. !here the points are _anywhere_ around the edge.\n\nIn this example the single point projects a chord within the area point, through\nthe its own direction.'}