fps-example.js

total 0
used 0
limit 0
/* title: FPS Example categories: fps text files: head pointlist point stage mouse dragging fps --- Render the "frames per second" as text. The FPS will match your screen refresh rate. Commonly this is 60Hz. Apply to the draw call. draw(ctx) { stage.fps.drawFPS(ctx) } this provides a more stable method to rendering the live frames, by taking an average over the previous few iterations. */ class MainStage extends Stage { // canvas = document.getElementById('playspace'); canvas = 'playspace' mounted(){ this.point = new Point({x: 250, y: 150 , radius: 20, rotation: 45}) this.dragging.add(this.point) } draw(ctx){ this.clear(ctx) // this.point.pen.indicator(ctx) this.fps.drawFPS(ctx) // console.log('draw') } } stage = MainStage.go(/*{ loop: true }*/)
Run
Meta Data
title FPS Example
imports ()
files ('head', 'pointlist', 'point', 'stage', 'mouse', 'dragging', 'fps')
unused_keys ()
unknown_keys ('categories',)
categories ['fps', 'text']
filepath_exists True
path fps-example.js
filepath fps-example.js
clean_files ('../point_src/core/head.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/compass.js', '../point_src/center.js', '../point_src/point-content.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/stage-clock.js', '../point_src/text/alpha.js', '../point_src/smooth-number.js', '../point_src/text/fps.js')
markdown {'html': '<p>Render the "frames per second" as text. The FPS will match your screen refresh rate.\nCommonly this is 60Hz.</p>\n<p>Apply to the draw call.</p>\n<pre><code>draw(ctx) {\n stage.fps.drawFPS(ctx)\n}\n</code></pre>\n<p>this provides a more stable method to rendering the live frames, by taking an\naverage over the previous few iterations.</p>', 'content': 'title: FPS Example\ncategories: fps\n text\nfiles:\n head\n pointlist\n point\n stage\n mouse\n dragging\n fps\n---\n\nRender the "frames per second" as text. The FPS will match your screen refresh rate.\nCommonly this is 60Hz.\n\nApply to the draw call.\n\n\n draw(ctx) {\n stage.fps.drawFPS(ctx)\n }\n\nthis provides a more stable method to rendering the live frames, by taking an\naverage over the previous few iterations.'}