“Helless” the Horror Protector – Final (W7)


“Helless” the Horror Protector -1 link:


The process of making Helless

First, Dana and I made the base helmet with paper mache. Making mock-ups of covers with cardboard and after that, we made them with 3D Printer. Calculate the position of servo motors and put them into a helmet. We bought a white fur coat from a vintage store and cut it to cover the helmet and make handles. And using flex sensors for controlling covers.




Inside of the Helles, we made a hole in the backside of it for organizing wires.
And also attached the head holder for comfort fitting when the user put there head in it. We add liquid crystal on the back of the Helles for counting seconds of how much time the user scared by the movie.


After all of these works, we keep testing the sensors but flex sensors are not working well, so we change it to press sensor. And we used 3 arduinos to control the Helless. However, after the presentation, we learned that there is a way to reduce the wires and arduinos. And also at the final, we use only one eye cover, because reducing wires and servo and also it has more aesthetic form.


Through this project, we learn many things. We use many tools for crafting such as 3D-printer, sewing machine, laser cutter, paper mache, and also acting and shooting for the video. Servos and sensors are not working well as we planned but these failures keep elevate our ideas to solve those problems. And the whole process of making Helles is full of joy. Dana and I enjoy these two weeks from brainstorming to final presentation.

Snow Maker(W8)

First time I tried to make a ball when mouse clicked and the ball is bouncing with sound. However, I changed it because I wanted using sound as an input to make it more intuitive.

So I designed this Snow Maker that using breath as an input(actually its sound, but I want to make a feeling like that).

When the user pressed mouse, the mic sensing the level of the breath(sound) and it makes a snow. And also turn on background music. Released mouse, the music is paused and also snow.


Link to the editor:

Link to the fullscreen:


– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

let mic;
let vol;
let bgm;

let snow = [];

function preload() {
bgm = loadSound(“Let it go.mp3”);

function setup() {
createCanvas(windowWidth, windowHeight);

mic = new p5.AudioIn();

for (let i = 0; i < snow.length; i++) {
snow[i] = new Snow();
//Turn BGM on
function mousePressed() {

//Turn BGM off
function mouseReleased() {

function draw() {
for (let i = 0; i < snow.length; i++) {

if (mouseIsPressed) {
vol = mic.getLevel();
vol = vol * 100;
if (vol > 1) {
let b = new Snow();

class Snow {
constructor() {
this.x = mouseX;
this.y = mouseY;
this.r = random(1, 20);
this.speed = random(0.2, 0.8);
this.colG = random(150, 255);
this.colB = random(200, 255);
this.colT = random(90, 255);

move() {
if (this.y < height) {
this.y = this.y + this.speed;
} else {
this.y = height;
drawBall() {
fill(0, this.colG, this.colB, this.colT);
ellipse(this.x, this.y, this.r, this.r);

“Helless” the Horror Protector – 1(W6)

Subject: Product for Halloween
Team member: Dana Elkis

The process of progressing the idea

First, our idea starts with the costume and it becomes the mask. We thought the mask vending machine which runs by sensing people’s body part that not normal like an elbow, tongue, hips. After that, we were talking about  What is the meaning the mask has? We thought usually the masks in Halloween is the symbol of fears like monsters, ghosts, or demons. If so, what is the “real” fear? -> Loan, money, and gun.

– – – break time – – –

We tried to focus on the opposite way of horror like peace because both of us don’t like scary things especially horror films. So we decided to make the protector from horror. We brainstormed what people do when they saw terrify scene. (What we are doing in the theater)

They are always trying to cover their senses like,

Cover eyes,

or Cover ears

or grab somebody’s arm

So we designed the product that covers those three behaviors. We had planned using servo motors for eyes and ears cover. These covers are run by the sensors in both handles. Cover the helmet with fur for warmth and relax feeling. And also put a display panel on the product for earning the data that how much seconds that user is frightened in the movie. The name “Helless” is combined two words “Hell” and “less” that means less the feeling like in the hell.

Sketch 1
Sketch 2
Sketch 3

The sphere form of the helmet is inspired by Walter Pichler’s TV helmet.
Also, we thought the rounded shape gives more soft feeling to the users.

Small Room Prototype no.4, Walter Pichler, 1967
TV-Helmet(Portable Living Room), Walter Pichler, 1967

Mouse Weather(W7)















I wanted to make a website that noticing weather by mouse position which is mapped with geographic coordinates.

I brought weather API from “https://openweathermap.org/current#geo” and also map from map API from “https://www.mapbox.com/api-documentation/#static”.

After that, I made a variable of mouse position and connect to the API’s latitude and longitude part but


I thought maybe this website needs geo coordinates API for the mouse position.

– – – – – – – –

let api = ‘https://api.openweathermap.org/data/2.5/weather?’;
let lat = ‘lat=’; //Latitude
let lon = ‘&lon=’; //Longitude
let apikey = ‘&appid=4a5ae257d9da36562c154a1f934be3f8’;
let metric = ‘&units=metric’
let mapimg;
let data;
let x;
let y;

function preload() {

let url = api + lat + x + lon + y + apikey + metric;
data = loadJSON(url);

function setup() {

let country = createP(‘Country – ‘ + data.sys.country);

let weather = createP(‘Weather – ‘ + data.weather[0].main);

let temp = createP(‘Temperature – ‘ + data.main.temp + ‘℃’);

let humid = createP(‘Humidity – ‘ + data.main.humidity + ‘%’);

let windS = createP(‘Wind Speed – ‘ + data.wind.speed + ‘M/s’);

let windD = createP(‘Wind Degree – ‘ + data.wind.deg + ‘º’);

image(mapimg, 0,0);

iBracadabra_ Final(W6)

In 2050, Stefan, the founder of the Waffle, present a new revolutionary product.


Screenplay / Performed / Directed / Edited
by Becca, Hayk, and Jaekook(Black costume)

A Final project of Video and Sound class in ITP, NYU, Fall 2018.
Professor: Marina Zurkow

It is an infomercial+design fiction video that parodying Apple’s 2007 announcement, and 2016 Don’t Blink commercial.

We want to make a janky concept infomercial video. Stefan(performed by Hayk) pretends professional, but he is not good at it. Also, the “iBracadabra” is not a real product, Stefan cheats with his assistant(performed by me, Jaekook) that looks like real magic using a black costume and black background.

I had performed the black assistant and made title intro and outro. I parodied Apple’s 2016 “Don’t Blink” commercial to give more contrast between the intro/outro and Stefan’s janky presentation. I thought it makes the story(or concept) of video stronger.

The whole process is not easy but has so much fun. I have learned basic knowledge of video, sound, and storytelling. Also, work as a team and communication. 


Blooming Spirals(W5)




I want to make a random spiral movement that looks like the painting.
This code has below functions

1. Spirals are randomly generate
2. Color changed by mouse coordinates
3. Color changed by the relation between mouse coordinates and spirals
4. Redraw when the mouse is pressed

First, I made one spiral and added variables. After that made an array of object and kept testing the form of spirals. And also more variables.

First spiral object
Array of object
Test 1
Test 2
Test 3



Sketch 1
Sketch 2
Sketch 3
Sketch 4



















1. How to stop the draw the end of the spiral?
I tried to use noLoop and I thought if I could measure the minimum “r”,
it’s may possible but couldn’t find out.

2. How to make an array in the class?

Shooting iBracadabra(W4)


Group member: Becca, Hayk, Jaekook
Shooting day: Sunday Morning, September 30

We are planned to shoot the video in the Sunday morning starts from 8:00 am because our location is middle of the ITP floor, it can cause a background noise problem. But…there was a hidden problem that is lighting.

During Becca and Hayk are prepare camera, sound, and acting, I set up the stage, especially the lighting.

We choose micro studio in the ITP floor, it seems fit to our concept of the video. But, this area is surrounded by black curtains, so it doesn’t have any natural light. first I use two sets of six lamps light. It’s really bright but too bright. We use a whiteboard for projection but the light is too strong so projection is invisible and also the actor couldn’t open his eyes and also it couldn’t fill the whole shooting area. therefore I turn the light’s direction to the upper side for using reflection from the the ceiling which is white. Now, we can see the projection and acting without frown but it’s not enough light. In our story,  the protagonist and his assistant where a black colored cloth, but it’s hard to recognize because of the dim light. So I add five more light; two spotlights and two led lights for the key light, one six lamps light for back light.
This set-up process had taken too much time than we expected, so there were people around the floor when we started shooting. However, fortunately,  the mike works so well, the noise wasn’t the problem.
That day the whole shooting process was not working smoothly as we planned before, but we learned a lot and had had a fun time and great experience.