Skip to content

Foundations: Digital Media

Electronic Media Studio – Introduction to Interactivity

Foundations: Digital Media

p5: interaction, mouse input

line example

mouse press with if statement example + mouse events, advance the tutorial to see it

Exercises

Reproduce the sketches in this video (the canvas are 500×500 pixels).
They don’t have to be exact replicas, try to approximate their general behavior.
Post them to the discord at the beginning of the next class, remember to save them!
Remember to save your sketches with non-random names and to create a new sketch for each of the 4 exercises.

Mouse Exercise 1
Mouse Exercise 2
Mouse Exercise 3
Mouse Exercise 4

 

 

  • Discord
  • Openprocessing Class

Pages

  • Resources: Internet Ready Made (mini site)
  • Virtual Sculpture / Virtual Installation
  • Assignment & Resources: Virtual Installation
  • Assignment: Virtual Sculpture Warmup Exercise
  • Unity: FAQ
  • Unity: Intro
  • Bitsy
  • p5.js final project
  • Assignment: Order vs. Disorder
  • p5: conditionals / if statements
  • p5: Iteration (for loops)
  • p5: Random, Noise, Oscillations
  • Assignment: Drawing Tool
  • Drawing with code: Artist Tools
  • p5: interaction, mouse input
  • p5: colors
  • p5: Variables
  • Assignment: Sound Responsive Face
  • Assignment: Monster Portrait
  • p5: drawing, primitives, colors, attributes
  • p5: Intro
  • Art and Code
  • Assignment: Internet Ready-Made
  • Internet Ready-mades
  • Artificial Creativity: Speculative Publication (InDesign)
  • Assignment: Artificial Creativity
  • Readings: Artificial Creativity
  • Artificial creativity
  • Syllabus
Foundations: Digital Media Proudly powered by WordPress