The projects that I did were mostly dynamic-interactive, but there is nothing that varies the experience based on previous actions. I feel like a degree of complexity is required in order to achieve ...
blog
homework day 8 – Michael
Arduino: // This code sends one value from Arduino to Processing void setup() { Serial.begin(9600); } void loop() { int sensorValue = analogRead(A0)/4; ...
Homework-day8-Sophie
Based on the reading, Art_Interaction_and_Engagement, write a reflection about the ways technology was used in your project. In my project, the Infrared Distance Sensor is used to detect the ...
Harry Hao HW DAY8
PImage img; int cellsize = 5; void setup() { size(600, 404, P3D); img = loadImage("w.jpg"); } void draw() { background(255); for ...
homework day 8 – dora
infrared sensor changes the blocks on the screen according to distance I think this project would fall into the category of dynamic interactive as the infrared distance sensor is measuring the ...
Homework day 8-Nicole
Description: Once the infrared distance sensor detects the presence of an obstacle, the image displayed in Processing breaks down by clusters of pixels. The clusters are determined by the pixels' hue. ...
hw day8-王婧怡Nancy
The potentiometer knob is used to adjust the clarity of the image display. arduino code here void setup() ...
Homework Day 7 – Simon Hsieh
Although the interactions can obviously be used in an art exhibition scenario, I believe that these interactions can also be used to assist us in our daily lives. For one thing, the hypersonic distant ...
homework day 7 – dora
part 1 - drawing ellipses with potentiometers part 2 - etch a sketch line --> I broke one of the potentiometers so theres only 1 here A- What are the possibilities for interaction that you ...
Homework-day7-Sophie
exercise 2 is still on the way...... A- What are the possibilities for interaction that you can envision? Currently, the computational media’s interaction entails human visual sense, ...
homework day 7 – Michael
Exercise 1 Exercise 2 A schematic ...
HOMEWORK DAY07 RAPHAEL
LAB7 Exercise 1 - Step 1 LAB7 Exercise 1 - Step 2 LAB7 Excercise 2 Reflections: A- What are the possibilities for interaction that you can envision? Recalling on the videos ...
hw day7-王婧怡Nancy
Processing code here import processing.serial.*;Serial port;int[] value;String mystring;String[] serialstr;float turnval1;float turnval2;void setup() {size(500,500);background(0);value = new ...
HOMEWORK DAY06 RAPHAEL
import processing.sound.*; SoundFile sound; Amplitude a; int width, height; void setup(){ width = 600; height = 600; size(600, 600); background(0); sound = new SoundFile(this, ...
homework day 6 – dora
press h, k &s for different sounds and to change the pattern on the screen import processing.sound.*; // declare three SoundFile objectsSoundFile kick;SoundFile snare;SoundFile hihat;int a = ...
Homework Day 6 – Simon Hsieh
For the visualization process, I decided to use the existing smiley face program and alter it so the size changes with its amplitude. I found a piece of code in examples that got the job done for me, ...
Homework-day6-Sophie
import processing.sound.*;SoundFile s;Amplitude amp;float a,b,c; void setup(){size(800,800);background(0);s= new SoundFile(this,"westworld.mp3");amp= new ...
Harry Hao HW DAY6
import processing.sound.*; SoundFile summer;SoundFile a;SoundFile b; void setup() {size(640, 480); summer = new SoundFile(this, "summer.wav");a = new SoundFile(this, "a.aif");b = new ...
hw day6-王婧怡Nancy
I made use of human vision residue to superimpose several random squares when the volume was high, forming a sense of mess. Also, I varied the color depth along with size of the cycle to create a hazy ...
Homework6 Amy
import processing.sound.*; SoundFile sample; int u;int v;int speedU = 5;int speedV = 3;int random; void setup(){size(500,500);u=0;v=0;sample = new SoundFile(this, "1.aif"); } void ...
How To Open The Mic In Catalina
I followed similar instructions from the Video library. My mac version is Catalina 10.15.5 and my Processing version is 3.5.4 Install "processing-java" so you can run a sketch from terminal. (I ...
Homework day 6_YiChen
Description Whenever the circle hits the boundary of the window, the program plays a keyboard note and switch to a random background color for less than a second. import ...
HW day 4-Grace Chen
...
How to Fix Capture Camera in Catalina
I did two things, but I don't know if you need to do both or just one. At least just doing the first set of instructions didn't work for me. My mac version is Catalina 10.15.5 and my Processing ...
homework day 6 – Michael
My code here: import processing.sound.*; AudioIn mic; SoundFile s; Amplitude am; float[] pX = new float[50]; float[] pY = new float[50]; float[] speedU = new float[50]; float[] ...
Homework day 6 – Syrus Hou
I think there might be something wrong with my OBS...It didn't record any sound in the video, but I did hear them and it works well. ...
Homework Day 5-Arya Qiu
DOCUMENTATION Watch the video How To Draw With Code by Casey Reas and read Toward Aesthetic Guidelines for Paintings with the Aid of a Computer.Write next your thoughts on the ...
HW day 5 – Grace Chen
...
Homework Day 5 – Simon Hsieh
As said in the article, a digital representation would allow the artist to easily adjust the perimeters and develop new versions of the artwork. In addition, it's easy to copy the files behind the ...
Homework day 5-Nicole
Computer drawing (left: my work; right: reference)Source: https://forum.processing.org/two/discussion/21967/recreating-spiral-artwork Animated drawing Interactive: drawn shapes being ...
HOMEWORK DAY5 RAPHAEL
The original motif LAB5 VIDEO var posX; var posY; var rot = 1; var shootCD = 0; const SHOOTCD = 30; var mouseClicked = false; var bulletPigs = []; var BULLET_SPEED = 10; function ...
homework day 5 – Michael
Inspired by the impressive image from the Internet, I decide to draw a hexagon in the circle too, which I think is of great interest. Since the image is rotational symmetric, I then opt to use the ...
Homework-day5-Sophie
Inspired by Sol Lewitt’s work, I created my own piece with processing. I follow the same pattern and motifs. However, I change the color by using random numbers and I animate the drawing. Here's ...
Homework5 Amy
float angle = 0; int s = 50; void setup(){ size(1000,1000); background(0); noFill(); stroke(255); } void draw(){ background(0); ...
Harry Hao HW DAY5
void setup(){ size(1000,1000); background(0); } void draw(){ rect(255, 255, 50,50); fill(#8E2323); ...
hw day5-王婧怡Nancy
processing code here float thicknum = 0.5;float lean_r = 417;float lean_b = 489;float lean_g = 279;float angle = 0;int gap = 4;void setup(){size(1210,1210);background(255); } void ...
Homework day 5 – Syrus Hou
Code: size(400, 400);stroke(random(255), random(255), random(255));strokeWeight(10);fill(random(255), random(255), random(255));rect(5, 5, 190, 200);stroke(random(255), random(255), ...
homework day 5 – dora
Sol Lewitt's work my interpretation I was inspired by Sol Lewitt’s drawings of simple different coloured lines and I tried to imitate it but changed the colour scheme: his were bright and ...
Homework Day 4 – Simon Hsieh
I've had previous experience in CAD/CAM when doing the design/technology course at IGCSE. My experience is that it could be a little slow at first, but when I started to get better I was able to use ...
hw day4-王婧怡Nancy
Interactive Game: lunch delivery 8.6-8.17 at noon, hungry TechX students would swarm to the gate to get their takeaway food for lunch. In real life, they would get the meal by themselves, but in ...
homework day 4 – Michael
1) Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you learned today. How ...
HOMEWORK DAY4 RAPHAEL
Reflection: XDDDDDDDD Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and ...
Homework Day 4 – Arya Qiu
Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you learned today. How do ...
Harry Hao HW DAY4
1. Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you ...
homework day 4 – Scarlett
Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you learned today. How do ...
homework day4-Sophie
Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you learned today. How do ...
Homework4 Amy
Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you learned today. How do ...
Homework day 4 – Syrus Hou
I already did the 3D printing work, so here are screenshots of the working 3D-printer and my 3dm file. Quiz 1: I used to attempt the DT(Desigh Technology/Design Thinking) Summer camp in ...
Homework day 4 – Nicole
TinkerCad - Soda Can Question 1 I once had school assignments about designing toys for pandas and designing chairs for library uses. For the panda’s toy, I sketched out my ideas with pencils, ...
homework day 4 – dora
3d-printing design Write shortly about your previous experiences communicating ideas and prototyping if you have any. Compare the crafting method you have used in the past to prototype and what you ...
Homework Day 3 – Simon Hsieh
Code used: /* MotorKnob*A stepper motor follows the turns of a potentiometer(or other sensor) on analog input 0.*http://www.arduino.cc/en/Reference/StepperThis example code is in the public ...
homework day 3 – Arya Qiu (Angora)
DOCUMENTATION Document your work individually. Make sure to include a video of your drawing machine, a drawing you made with it, and the code you used. What kind of ...
Homework day 3-Nicole
Drawing machine Documentation Question 1 The type of machine I'm interested to build I would be interested in building a kinetic LED installation explained by this diagram. Question 2 ...
Day3 homework Peng Xiao
____What kind of machines would you be interested in building? I’d like to build one that can provide users with multi-sensory experience by interacting with users in different ways. For example, I ...
HOMEWORK DAY3 RAPHAEL
LAB3 Video - Successfully drove two motors to draw What kind of machines would you be interested in building? I found myself enjoying the process of exploring different circuits and ...
hw day3-王婧怡
Q1: Simple structured interactive machine which has multi-degree of freedom . Q2: Recognize the position of the person and cover the floor with a screen to achieve the naked eye AR effect. It is ...
homework day 3 – Michael
1) What kind of machines would you be interested in building? I'd like to build a machine full of imagination, a machine that can fulfill other's need in a unprecedented way. It should also be as ...
Harry Hao HW DAY3
1: I am interested in creating a music-creating machine which can let me put my feelings and thoughts into it and response to me by a new composed melody. 2: The kinetic art installation I find is ...
Homework3 Amy
Drawing machine What kind of machines would you be interested in building? Find a kinetic art installation. Post your thoughts on it and make a comparison with the work you did ...
homework day 3 – dora
What kind of machines would you be interested in building? I would be interested in building machines that can use simple concepts to make something that looks complex such as the drawing machine ...
Homework day 3 – Syrus Hou
Quiz 1: Auto-homework-writing machine. Quiz 2: I think the 'Neural Kubrick' is really a cool idea (tho it has no connection with the work we did on class). The AI itself will choose movies and ...
Homework Day 2 – Simon Hsieh
Working with my classmate Tiger, we have decided to use the ultrasonic sensor as our analog device, and the touch sensor as our digital device. Ultrasonic is used in various devices for detecting ...
Homeworkd day 2-Arya Qiu
Touch Sensor Blink (Basic) Documentation: Why did you choose that specific sensor and output? How do you think you could use this sensor to create an interactive experience? I choose ...
homework day 2 – Michael
Ultrasonic Ranger: The LED gets brighter when the object is placed nearer to it. code for the ultrasonic ranger Touch sensor: When the sensor is touched, the LED is turned ...
Harry Hao HW DAY 2
1: I choose the Touch Sensor and the Infrared Distance Sensor because I think both of them are applied a lot in my daily life. Thus, I want to find out how they work. I think the Touch Sensor can be ...
Homework2 Amy
touch sensor ultrasonic sensor Why did you choose that specific sensor and output? How do you think you could use this sensor to create an interactive ...
Day2-pengxiao
In the first piece, the touch sensor is used. You may control the on or off of the LED by touching the sensor. As for the second one, an ultrasonic ranger can measure the distance. To make it more ...
Homework – Day 2
Tiger Feng Programming and Experimentingwith Arduino Hardware Hello World: Ultrasonic Seensor Installation – Source Why did you choose that specific sensor and output? How do ...
homework day 2 – dora
1. ultrasonic sensor the LED would only light up when the ruler was a certain distance away 2. touch sensor the video doesn't show it but the melody plays when a person touches the ...
Day2-Grace Chen
...
hw day2-王婧怡
The touch sensor is served as a switch to control whether the light should be on or off. The potentiometer to control the brightness of the light. If you didn't touch the touch sensor to turn on the ...
Homework day 2-Nicole
Ultrasonic sensor (output: LED)With Grace and Dora Touch sensor (output: LED)With Grace and Dora Question 1 We have chosen the touch sensor and the ultrasonic sensor because we’d like to see the ...
Homework 2 – Syrus Hou
Quiz 1: I choose to use the ultrasonic sensor and a led as an output. This kind of environmental-friendly combination, because it only lights up when you are really close to the sensor. Thus it will ...
HOMEWORK DAY2 RAPHAEL
In the video, we can see that when the touch sensor is not touched, the light is blinking. However, after it is touched, the light becomes to read distance from the ultrasonic sensor and turn it to ...
Homework day 1-Nicole
Circuit 1 Circuit 2 Circuit 3 Question 1 One example of how we interact with technologies on a day to day basis is the way we control our televisions. For most occasions, the ...
Homework Day 1 – Simon Hsieh
To me, interaction is all about feedback that could be understood by us. As humans, we imagine that all things work in a human-like way to make sense of the world around us. For example, when a person ...
HOMEWORK DAY1 RAPHAEL
Raphael Reflection quetions: Please answer each of these questions. Add your answers to your post, along with the other documentation for the circuits that you built in class. Reflect on ...
Day 1 – Grace Chen
Grace ...
Homework DAY1 Harry Hao
Harry Hao Mrs. Marcela HCI Aug 6, 2020 Reflection Questions 1: Bulbs in hotel, home, classroom The wires connect the ...
homework day 1 – Michael
Circuit 1: Fade Circuit 2: toneMelody Circuit 3: Speed Game DOCUMENTATION: 1) Take the "fingerprint lock" as an example: In this system, if we unlock an object (our phones, for ...
homework day1-王婧怡
Q1: Examples in daily life:Self-checkout counters,automatic faucetsinteraction:Each end or multiple end responds to the information it receives Q2: inputs:power source(battery),arduino ...
Homework – Day 1
Tiger Feng Intro to Arduino Lab 1: Fade – Source Lab 3: Speed Game – Race the LED – Source Documentation 1. Reflect on different interactions with technologies that ...
homework day 1 – Scarlett
Lab 1 Lab 2 Lab 3 1. Reflect on different interactions with technologies that you have observed in your daily life. Pick a few of these and write down your own definition of interaction based ...
Homework1 Amy
circuit1 circuit2 circuit3 Reflect on different interactions with technologies that you have observed in your daily life. Pick a few of these and write down your own definition of ...
Day1 writing response pengxiao
For me, interaction is an expressive way of communication. Firstly, interaction with technologies revolutionizes all kinds of art exhibition. For example, teamLab has become an iconic spot ...
homework day 1 – dora
circuit 1 circuit 2 circuit 3 1) human & phone : literally part of everyday life, humans rely on phones so much for their abilities like notes, ...
Homework day 1 – Syrus Hou
Pretty embarrased to say, but my speedgame is not working as I expected.😕 Quiz 1: Siri, making AIs sound like humans is a creative way to interact, because it feels like communicating with an ...
lab2-Peng Xiao
...
lab1-pengxiao
...
Test for posting – By Yanzhang
This is used to test the post blog function. Quote ...



































