Playing w P5JS
by
- mySketch
xxxxxxxxxxfunction setup(){ createCanvas(100, 100, WEBGL);}function draw(){ background(255); rotateX(frameCount * 0.1); rotateY(frameCount * 0.1); fill(random(255)); box(400, 400, 400);}- v1.11.3
- v1.11.2
- v1.11.1
- v1.11.0
- v1.10.0
- v1.9.4
- v1.9.3
- v1.9.2
- v1.9.1
- v1.9.0
- v1.8.0
- v1.7.0
- v1.6.0
- v1.5.0
- v1.4.2
- v1.4.1
- v1.4.0
- v1.3.1
- v1.3.0
- v1.2.0
- v1.1.9
- v1.1.7
- v1.1.5
- v1.1.4
- v1.1.3
- v1.0.0
- v0.10.2
- v0.9.0
- v0.8.0
- v0.7.3
- v0.7.2
- v0.6.1
- v0.6.0
- v0.5.16
- v0.5.11
- v0.5.8
- v0.5.7
- v0.5.2
Select mode or a template
Centers sketch and matches the background color.
- p5.sound
- v1.11.3
- v1.11.2
- v1.11.1
- v1.11.0
- v1.10.0
- v1.9.4
- v1.9.3
- v1.9.2
- v1.9.1
- v1.9.0
- v1.8.0
- v1.7.0
- v1.6.0
- v1.5.0
- v1.4.2
- v1.4.1
- v1.4.0
- v1.3.1
- v1.3.0
- v1.2.0
- v1.1.9
- v1.1.7
- v1.1.5
- v1.1.4
- v1.1.3
- v1.0.0
- v0.10.2
- v0.10.0
- v0.9.0
- v0.8.0
- v0.7.3
- v0.7.2
- v0.6.1
- v0.6.0
- v0.3.5
- v0.3.2
- v0.3.0
p5.sound extends p5 with Web Audio functionality including audio input, playback, analysis and synthesis.
Examples: Play - Synthesis - Microphone - p5.dom
- v0.9.0
- v0.8.0
- v0.7.3
- v0.7.2
- v0.6.1
- v0.6.0
- v0.3.4
- v0.3.3
- v0.3.1
- v0.2.11
- p5.collide2d
- v0.7.3
- v0.7.1
- v0.7
- v0.6
- v0.5
- v0.1
This library allows easy collision detection for variety of shapes, which lets you detect when shapes overlap on canvas.
Example - p5.serial
- v0.0.31
- v0.0.30
- v0.0.28
- v0.0.21
- v0.0.1
A p5.js library that enables communication between your p5 sketch and Arduino (or another serial enabled device). - Leap Motion Controller
- v0.6.4
Leap Motion allows you to use your hands as an input. - SocketIO
- v4.7.5
- v4.7.4
- v4.7.3
- v4.7.2
- v4.7.1
- v4.7.0
- v4.6.2
- v4.6.1
- v4.6.0
- v4.5.4
- v4.5.3
- v4.5.2
- v4.5.1
- v4.5.0
- v4.4.1
- v4.4.0
- v4.3.2
- v4.3.1
- v4.3.0
- v4.2.0
- v4.1.2
- v4.1.1
- v4.1.0
- v4.0.2
- v4.0.1
- v4.0.0
- v3.1.2
- v3.1.1
- v3.1.0
- v3.0.5
- v3.0.4
- v3.0.3
- v3.0.2
- v3.0.1
- v3.0.0
- v3.0.0-rc4
- v3.0.0-rc3
- v3.0.0-rc2
- v3.0.0-rc1
- v2.3.0
- v2.2.0
- v2.1.1
- v2.1.0
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.7.3
- v1.4.5
SocketIO allows you to connect to a socket connection to make multiple sketches speak in realtime. To use OpenProcessing Echo Socket Server, you can use the code below:var socket = io.connect($OP.getEchoServerURL(469020));Learn more See an example - p5.geolocation
- v0.6
- v0.5
p5.geolocation provides techniques for acquiring, watching, calculating, and geofencing user locations for p5.js.
Example
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