A1_Ong_Jiayun

Instructional by Sara Ras: a black square canvas divided into 9 equal parts by red horizontal lines and blue vertical lines a teal isosceles right triangle starts at the intersection on the bottom right, ending at the bottom right of the canvas with sides touching the blue line and bottom edge. an ellipse with yellow stroke at the top left intersection of the lines, with width and height changing depending on location of the cursor. a dark green circle that bounces horizontally across the middle of the canvas, changing to black when passing the middle section.
e.g., mouse, keyboard
e.g., visualization, fractal, mouse
Learn more about Creative Commons
Join Plus+ to change privacy settings
  • A1_Ong_Jiayun
  • 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!