Click to begin; When, Then, Now

some of the key pressed operations are; mousePressed =create folds SPACE BAR= stop / start TAB =Toggle mouse attract SHIFT = Delete 5 vertex near the mouse h = colour mode / toggle back and forth 5 = add coloured folds at mouse pos d= delete last 5 points added f = delete first 5 points added >= increase fold size <=decrease fold size m=preferred mode n=preferred state c= CLEAR drawing b= toggle background COLOUR from B&W UP arrow=increase speed DOWN arrow=decrease speed RIGHT arrow=increase avoidance LEFT arrow=decrease avoidance ]=increase coherence [=decrease coherence
e.g., mouse, keyboard
e.g., visualization, fractal, mouse
Learn more about Creative Commons
Join Plus+ to change privacy settings
  • Haiku_projection_version
  • v1.6.6
  • v1.4.8
Processingjs is deprecated. Learn more
Select mode or a template
Centers sketch and matches the background color.
This will be the default layout for your sketches
Easy on the eyes
It will show up when there is an error or print() in code
Disabled: Only available on p5js sketches.
Closes parenthesis-like characters automatically as you type

Controls
Play
Ctrl+Enter
Code
Ctrl+Shift+Enter
Save
Ctrl+S
Interface
Fullscreen
Ctrl+Alt+F
Switch Layout
Ctrl+Alt+L
Settings
Ctrl+Alt+.
Editor
Tidy Code
Ctrl+B
Multiple Cursors
Ctrl+Click
Duplicate Line/Selection
Ctrl+Shift+D
Move Line
Alt+↑/↓
Select Multiple
Ctrl+D
Find in Code
Ctrl+F
Find Next
Ctrl+G
Find Previous
Ctrl+Shift+G

See More Shortcuts

Join Plus+ for private sketches, version history, 1GB space, custom embeds, and more!