Left Click = Draw pixels Right Click = Erase pixels Middle Click = Pick element Space or P = Pause simulation Shift + Heat/Cool/Shock = Intensify effect Shift + Click = Draw line Scroll or +- or [] = Change cursor size ←→ = Change category E = Select by name I or / = Element info \ = Open settings > = Single step F or F11 = Fullscreen 1234 = Change view F1 = Toggle GUI C or F2 = Capture screenshot (Alt/Option can be used in place of Shift)
Sandboxels
by
Left Click = Draw pixels
Right Click = Erase pixels
Middle Click = Pick element
Space or P = Pause simulation
Shift + Heat/Cool/Shock = Intensify effect
Shift + Click = Draw line
Scroll or +- or [] = Change cursor size
←→ = Change category
E = Select by name
I or / = Element info
\ = Open settings
> = Single step
F or F11 = Fullscreen
1234 = Change view
F1 = Toggle GUI
C or F2 = Capture screenshot
(Alt/Option can be used in place of Shift)
- mySketch.js
- style.css
- index.html
xxxxxxxxxxself.addEventListener('fetch', function(event) { if(!event.request.url.startsWith('http')){ return } event.respondWith(async function() { try{ var res = await fetch(event.request); var cache = await caches.open('cache'); cache.put(event.request.url, res.clone()); return res; } catch(error){ return caches.match(event.request); } }()); });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
Potential warnings will be displayed as you type
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