general-event-position.js

total 0
used 0
limit 0
/* category: events files: ../point_src/core/head.js ../point_src/pointpen.js ../point_src/pointdraw.js ../point_src/point-content.js ../point_src/point.js ../point_src/stage.js ../point_src/events.js Events are captured on the stage. In this example we spawn a point from the click event: onClick(ev) { clickPoint = Point.from(ev) } */ class MainStage extends Stage { // canvas = document.getElementById('playspace'); canvas = 'playspace' mounted(){ this.point = new Point(300, 300, 20) this.events.wake() } onClick(ev) { this.clickPoint = Point.from(ev) } draw(ctx){ this.clear(ctx) this.point.pen.circle(ctx, {color:'#eee'}) this.clickPoint && this.clickPoint.pen.fill(ctx, '#880000') } } stage = MainStage.go(/*{ loop: true }*/)
Run
Meta Data
imports ()
files ('../point_src/core/head.js', '../point_src/pointpen.js', '../point_src/pointdraw.js', '../point_src/point-content.js', '../point_src/point.js', '../point_src/stage.js', '../point_src/events.js')
unused_keys ('title',)
unknown_keys ('category',)
category ['events']
filepath_exists True
path general-event-position.js
filepath general-event-position.js
clean_files ('../point_src/core/head.js', '../point_src/pointpen.js', '../point_src/pointdraw.js', '../point_src/compass.js', '../point_src/center.js', '../point_src/point-content.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')
markdown {'html': '<p>Events are captured on the stage. In this example we spawn a point from the\nclick event:</p>\n<pre><code>onClick(ev) {\n clickPoint = Point.from(ev)\n}\n</code></pre>', 'content': 'category: events\nfiles:\n ../point_src/core/head.js\n ../point_src/pointpen.js\n ../point_src/pointdraw.js\n ../point_src/point-content.js\n ../point_src/point.js\n ../point_src/stage.js\n ../point_src/events.js\n\nEvents are captured on the stage. In this example we spawn a point from the\nclick event:\n\n onClick(ev) {\n clickPoint = Point.from(ev)\n }'}