Drawing in the browser

Some things we covered in class today

Various other platforms people use for 'creative' coding

• openFrameworks
• Processing
• Cinder
• Max
• Pure data
• VVVV
• Vuo
• Touch Designer

The p5js online editor

p5js reference

• setup()
• draw()
• createCanvas()
• width
• height
• rect()
• rectMode()
• ellipse()
• line()
• point()
• mouseX
• mouseY
• background()
• fill()
• stroke()
• noStroke()
• noFill()
• print() and console.log()
• mouseIsPressed

Things we didn't cover in class, but may be useful to you

• arc()
• quad()
• triangle()
• fullscreen()
• resizeCanvas()
• windowWidth
• windowHeight