/Interaction-Design-Workshop

Arduino + p5.js | Warsaw March 2022

Primary LanguageJavaScript

SOLUTIONS TO THE EXERCISES

Examples

Interaction-Design-Workshop

LET'S GET PHYSICAL | Warsaw March 2022

Abstract

How can we imagine new ways of taking control over the software? Can we devise a better controller than a mouse? This workshop introduces the possibilities of bi-directional control of web-based programs via DIY electronic devices. It asks to rethink and re-design new ways of interacting with a browser using analogue electronics components, and self written code.

Objectives

The course introduces the basics of creative coding in p5.js and Arduino prototyping platform. Using graphical user interface elements, like sliders, or buttons, students will learn how to prototype with electronics. Furthermore, they will explore how to creatively think about daily technology and create narratives around it.

At the end of the workshops the participants will build a bi-directional communication between a Webbrowser and Arduino using:

  • p5.js based sketch
  • Arduino based controller

During the presentation the participants will show their programmes and interact with them.

Tools

Software:

  • Chrome Browser
  • Visual Studio Code
    • Plugins:
      • p5.vscode
      • p5js Snippets
      • Live Server
  • Arduino IDE
    • Libraries:
      • Adafruit Neopixel

Hardware:

  • Arduino:
    • 1 x Breadboard
    • 2 x 2 pin tactile button
    • 1 x 4 pin tactile button
    • 2 x LED
    • 1 x Photoresistor
    • 1 x Neopixel
    • 1 x Potentiometer
    • 1 x 9v Battery
    • 1 x Battery Clip
    • 1 x Transistor
    • Jumper wires + Resistors

Schedule:

  • Monday:
    9 - 17 Intro to creative coding with p5.js

  • Tuesday
    9 - 17 Intro to electronics with Arduino

  • Wednesday
    9 - 11 Intro to Web Serial API
    12 - 17 Main Project

  • Thursday
    9 - 17 Main Project

  • Friday
    9 - 12 Wrap up
    Final Presentation

Ressources

Awesome Creative Coding Collection
Oliver Steele's Openprocessing course
The Coding Train
Experiments with p5js
Generative Artistry
Generative Design

Computer Artist / Creative Coders

Vera Molnar
George Ness
Frieder Nake
Manfred Mohr
Aurelie Neumors
François Morellet

Zach Lieberman
Ted Devis
Tim Rodenbröker
Tyler Hobbs
Raoelf Knolf
Manoloide
Matt Deslauriers
Sean Zellmer
Alida Sun
Rafael Rozendaal
Marius Watz
Dirk Koy

Connect

Website
Github
Instagram
Linkedin
hi@zybinska.io Discord Username : Krata (Paulina)#7658