• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • about this course
  • syllabus
  • rubric
  • labs
  • blog

HCI | TechX

blog

Homework Day 8 – Simon Hsieh

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 ...

Read More

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;   ...

Read More

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 ...

Read More

Harry Hao HW DAY8

PImage img;  int cellsize = 5;  void setup() {   size(600, 404, P3D);   img = loadImage("w.jpg");  } void draw() {   background(255);   for ...

Read More

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 ...

Read More

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. ...

Read More

hw day8-王婧怡Nancy

The potentiometer knob is used to adjust the clarity of the image display. arduino code here void setup() ...

Read More

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 ...

Read More

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 ...

Read More

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, ...

Read More

homework day 7 – Michael

Exercise 1 Exercise 2 A schematic ...

Read More

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 ...

Read More

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 ...

Read More

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, ...

Read More

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 = ...

Read More

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, ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

HW day 4-Grace Chen

...

Read More

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 ...

Read More

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[] ...

Read More

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. ...

Read More

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 ...

Read More

HW day 5 – Grace Chen

...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

Homework5 Amy

float angle = 0; int s = 50; void setup(){   size(1000,1000);   background(0);   noFill();   stroke(255); } void draw(){   background(0);   ...

Read More

Harry Hao HW DAY5

void setup(){   size(1000,1000);   background(0); } void draw(){       rect(255, 255, 50,50);       fill(#8E2323);       ...

Read More

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 ...

Read More

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), ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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, ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read 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 ...

Read More

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 ...

Read More

Day2-Grace Chen

...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

Day 1 – Grace Chen

Grace ...

Read More

Homework DAY1 Harry Hao

Harry Hao Mrs. Marcela HCI Aug 6, 2020 Reflection Questions 1: Bulbs in hotel, home, classroom     The wires connect the ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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 ...

Read More

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, ...

Read More

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 ...

Read More

lab2-Peng Xiao

...

Read More

lab1-pengxiao

...

Read More

Test for posting – By Yanzhang

This is used to test the post blog function. Quote   ...

Read More

Primary Sidebar

Recent Posts

  • Homework Day 8 – Simon Hsieh
  • homework day 8 – Michael
  • Homework-day8-Sophie
  • Harry Hao HW DAY8
  • homework day 8 – dora

Copyright © 2025 HCI | TechX on the Brunch Pro Theme