{{ store.errorText.stackText }}
FPS Example
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.
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 |
| 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') |
Logger
Install Logger {{ store.words }}