Module 3 Formstorming

Weekly Activity Template

Sukhleen Sodhi

Project 3

Module 3

For this project/module we were tasked with creating a physical/digital artifact that connects physical touch with a P5.js digital visualization to create one unified and integrated design.

Activity 1

Formatting shapes

Inverting colours

Small circle

Circle grows to medium size

Circle grows to large size

Inverted colours

Code

Circle changes form

Rectangle changes form

Square changes form

Traingle changes form

All shapes in line

Code

Code

More code and circle

Circle moves across screen

Square moves across screen

Square moves

Full grid of circles

Full grid of triangles

Adjusted full grid of circles

Full grid of squares

Code

Full shape layout

Full shape layout inverted

Activity 2

Conductive paintings

Better angle

Wiring

Code and wiring interaction

Code

Rectangle moves left or right

Other angle

Other angle

Evolution stage 1

Evolution stage 1

Evol. Stage 2

Evol. Stage 3

Evol stage 4

Another angle

Code

Water jug diagram setup

Water is near empty

Jug is half full

Jug is very full

Jug is full

Bird diagram setup

Bird diagram directory

Bird diagram directory

Initial phase of final

Project 3

Final Project 3 Design

This is my final design, an interactive vending machine https://sodsukhl.phoenix.sheridanc.on.ca/vendingmachine/iframe_p5.js/index.html

Interactive Vending Machine https://sodsukhl.phoenix.sheridanc.on.ca/vendingmachine/iframe_p5.js/index.html

Powered by w3.css