drag port → port patch · click cable cut
a add module · dbl-click canvas to add
tab hide patch · space pause · f fit view
g snap to grid (hold shift while dragging to invert)
dbl-click a knob reset it to the default
n randomise · shift+n vary · s png · v record
d duplicate · ⌘/ctrl+z undo · ⇧⌘/ctrl+z redo
drop a .json on the page to load a patch
touch one finger drags · two fingers pinch and pan
double-tap empty canvas to add a module
● enable/disable · ⛶ viewport fullscreen · ? close

Phosphene · first steps

Modules are cards. A generator makes an image, an effect treats it, a modulator moves a control for you.
Everything you see is already a patch — try turning a knob.

Drag from one port to another to patch: outlet on the right, inlet on the left. Click a cable to cut it.
Press a to add a module, or double-click empty canvas.
On a touch screen: double-tap the canvas to add, pinch to zoom.

n randomise · shift+n vary a little
s save a png · v record a video
tab hide the patch · ? every shortcut

Phosphene needs WebGL2

This browser could not open a WebGL2 canvas, so the engine cannot start.

Use a recent Chrome, Edge, Firefox or Safari 15+, on a desktop or a phone.
Turn on hardware acceleration in the browser settings.
In Safari, enable Develop → Experimental features → WebGL 2.0 if it is off.
Remote desktops and some virtual machines have no GPU to draw with.