{{ store.width }} x {{ store.height }}
upload Upload
upload Full crop Thumbnail
arrow_selector_tool Start Photographer arrow_selector_tool Slow 1s/page: {{ store.photographerSlow ? 'On' : 'Off' }}
{{ store.uploading ? 'Uploading...' : (store.complete ? 'Done' : '') }} {{ store.photographerRunning ? 'Photographer running...' : '' }}
upload Digitize

{{ store.filename || 'Drop an image onto the page.' }}

Drag the frame to move, corners to resize, top handle to rotate.

upload Choose image
Digitize reference

Frames Per Second Counter

{{ item.title }}

{{ definition.value }}
Displays a real-time FPS counter to monitor your screen's refresh rate and rendering stability.
{{ store.loading ? 'Thinking...' : store.response }}

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 Frames Per Second Counter
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-hooks.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 }}
{{ store.errorText.message }}
{{ store.errorText.stackText }}