{{ 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

MIDI Actions.

{{ item.title }}

{{ definition.value }}
Interactive MIDI visualizer that maps piano keys to dynamic points and walkers.
{{ store.loading ? 'Thinking...' : store.response }}

Integration with a digital piano. Or fundamentally any MIDI device with key notes.


In this example we spawn 88 points as key mapped to their relative note. Playing the key on the piano will highlight an point.

For fun, the KeyNote can also be played on the device. Checkout bumblebeeNotes()

Meta Data
title MIDI Actions.
imports ()
files ('head', 'pointlist', 'point', 'stage', 'stroke', 'mouse', 'dragging', '../point_src/random.js', '../theatre/midi-tools.js', '../theatre/midi-tracks.js', '../point_src/screenwrap.js')
unused_keys ()
unknown_keys ('categories',)
categories ['midi']
filepath_exists True
path midi-example
filepath midi-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/setunset.js', '../point_src/stroke.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/random.js', '../theatre/midi-tools.js', '../theatre/midi-tracks.js', '../point_src/screenwrap.js')
Logger Install Logger {{ store.words }}
{{ store.errorText.message }}
{{ store.errorText.stackText }}