Posted on

A Message from our Future

Gabriella Garcia

A phone rings uncannily just as you pass it… if you answer perhaps you'll get some insight into the future of humanity…

https://www.higabriella.com/blog/a-message-from-the-future-final-project-documentation

Description

The project is called A Message From Our Future and it's essentially a narrative phone tree journey using an old-school corded desk telephone as the interface. The phone would ring based on a distance sensor, and when picked up, would prompt an automated recording starting the narrated interaction. The person is prompted through a keypad menu that gives them options to listen to voice messages from “the future” with each number leading to a different message theme. Voicemails were collected via burner number that people could call anonymously.

Classes

Introduction to Computational Media, Introduction to Physical Computing

Posted on

UnBlue

Tsimafei Lobiak

A relaxing musical experience with generative art

https://editor.p5js.org/Luxone/full/Hk1riG03m

Description

Unblue is a relaxing experience for those who want to take a break and enjoy generative patterns. The name UnBlue comes from idea that hopefully this experience can improve your ‘blue’ mood. Also, it comes from the deep love for blue colors. This project is intended for 1 person experience using headphones and a computer. The project consists of a main screen, 3 chapters showing different interactive patterns and also 2 transitions (one for beginning and one for the end). Each of the transitions are accompanies by lyrics to inspire or relax the listener. For each chapter there is a different musical composition and interactions as well. First chapter is called Fossil and has a spiral made out of distorted ellipses, creating the illusion of 3-D object. The second chapter is ’Seed’ and it is a drawing tool over moving rectangular tiles. The last chapter is Atom, and it is a complex particle system controlled with mouse clicks. The work is mostly completed (you can test it out youself), but there are plans to add more chapters/interactions before the show.

Classes

Introduction to Computational Media

Posted on

g.loop

Nicholas Gregg

Manipulate a 3-D me with your voice.

https://medium.com/@ngg242/meet-g-loop-my-icm-final-f5fd04b6c068

Description

g.loop was born from desire to model, mold and meld 3-D forms with the voice; to create forms through pure emotional output with little thought to the learning-curved-industry-standard approach to mesh and the like. Through a combination of ml5 and various parts of 3.js, g.loop gives you the ability to distort a 3-D bust of me with nothing more than your voice. Wail away.

Classes

Introduction to Computational Media

Posted on

Growth

Bora Aydintug

Growth is an interactive drawing tool/simulator that lets the user create and influence their own abstract organic growth simulation.

https://github.com/aydintugbora/itp_icm_blog/wiki/Final-Project—Growth-Simulator

Description

Growth is an interactive sketch that attempts to aesthetically mimic organic growth. It's inspired by the relationship between mathematics and nature.

Natural patterns have always been of great interest to me. After watching a coding challenge video by Daniel Shiffman about phyllotaxis, I've spent some time experimenting with it. I originally wanted to do a interactive phyllotaxis project. While working on the branches to add to my phyllotaxis project, I became more interested in the possibilities of the branch growth aesthetic that I'd found. Although I added ways to manipulate it, the general aesthetic of the sketch remained more or less the same in the final version.

In its current state, the user interacts with the sketch through 19 html control elements such as sliders, checkboxes and buttons. These elements will be replaced by a physical controller, that incorporates a joystick, toggle switches, potentiometers and sliders.

The sketch is an array of ellipses that move together. At random points, individual ellipses stray from the collective path to go on to shrink. This resembles branching of plants. The ellipses also have a changing perlin noise value added to their x,y coordinates to make the patterns they draw look more natural. In this sense the sketch is semi autonomous, also there is a “auto color” option, which when selected adds to the green value of the ellipses' fill, as the y coordinate decreases.

This is a one person project. I'm building the controller for my Pcomp final, as the project is a combination of Icm and Pcomp finals. I'm currently working on a shoebox prototype, so that I can have it ready by tomorrow for user testing. I'm planning to move on to making the actual controller in the weekend.

Classes

Introduction to Computational Media, Introduction to Physical Computing

Posted on

Sirens

Dana Elkis

Since the day I was born I heard a total of 673 minutes of sirens = 11 hours and 22 minutes.

https://pinkeey9.wixsite.com/danaelkisblog/blog/sirens

Description

When a siren goes off, you have 60 seconds to find the safest spot available, it could be the staircase in, a safe-room in your house, a shelter in the building or sometimes just lying on the ground and protecting your head. Then you wait. Waiting in silence for the boom to come.

I edited all these sirens into one long musical piece, Some of the sirens presented in my project are part of the israeli culture to commemorate and some are provided as an emergency warning of a danger like in war times.
For every siren presented I collected all the information I could access . The information contains: the city, address, year, the current event that brought on the siren and sometimes a memory I could recall. The sound of every siren accompanies it’s related data as well as a live surveillance camera documenting the location it was heard in today.

It’s all about this moment of waiting for something to happen.

My project contain 4 main elements:
csv file with all the data that i collected, 11 hours and 22 minutes of sirens in one music piece
8 live cameras from israel (whom i had to hack a little bit to get access to)
And a print version of the sound wave of the 673 minutes of the sirens.
The book will be 800 pages thick, hard cover. Black and white printing. 120gsm uncoated paper.

*the probject runs on a local server on my computer

Classes

Introduction to Computational Media

Posted on

Memory Monster

Carol Chen, Wenjing Liu

A website to share your memory of childhood and see how your memory and others' will affect how the memory monster looks like.

https://

Description

Human grow, learn and establish their identity through the past stories they experienced and the memories they stored. Sometimes people who has negative past experience want to erase such memories. But should they erased such memories, are they who they were? Based on these thoughts, we want to create a creature whose identities are defined by the collective memories of a group (like ITP). Its characteristics and look will vary based on what users share.

Classes

Introduction to Computational Media, Introduction to Computational Media

Posted on

Business Fan

Joseph Baker

Bleeding the physical and the digital world together with an iconic folding fan.

https://

Description

Tokyo, Japan

As I was waiting for the train on a hot summer day, I see a business man pull out a discreetly crafted, folding fan. After stepping into the subway, he placed it in his front blazer pocket as the air conditioning took over. This memory is tied to a country where I let my happiness thrive in the face of unfamiliarity.

The allure is finding a purpose in it all. When time is spent questioning what someone wants to do, the physical world starts to peel back little by little like the folds of a fan ¬¬¬–Tucked out of view but not forgotten.

The fan’s projection evokes what it feels like to open yourself to the world. This incorporates depth and brings another dimension. Showing one wave made from a fan has ripples of effects even if it is not in the physical world.

Classes

Introduction to Computational Media, Introduction to Physical Computing

Posted on

Focus Helper

Jaekook Han

Focus and listen.

https://expandingexperience.kr/ITP

Description

Focus Helper is an installation that helps people reduce the misunderstanding in conversation. Its design is based on people's behavior in conversation. People use their whole face to communicate such as eyes, mouth, ears and facial expressions. So I use a Fresnel lens to magnify their face and limit their visual from interruption of the environment. Also, people who want to understand the conversation, they write the note or recording, so I made an archiving website based on that behavior. The button on the handle activates the p5.speechRecognition. The whole part will make with wood and it has legs, and it also uses a mic, two headphones. The website will make on Github, so participants who come to Winter show can review their conversation after their experience of the Focus Helper.

Classes

Introduction to Computational Media, Introduction to Physical Computing

Posted on

Data Structures

Lydia Jessup

In a world of “big data,” what story will you choose to tell when you have the controls?

https://lydiapjessup.tumblr.com/tagged/icm2018

Description

This piece invites viewers to control data visualizations on 5in x 5in cubes representing different neighborhoods in Chicago. The viewer sees shapes, colors and patterns appear on the cubes as they move the controls and can see how neighborhoods differ from one another through these abstract representations of the data. Pulled from the Chicago Data Portal from domains such as health, the economy, education and the environment, these data tell a story – and the viewer gets to decide what that story is. In an era of “big data,” this piece invites viewers to question the multiple filters and curation that data go through in collection, analysis and presentation and how this determines the narrative we choose to tell about places and the people who live there.

This piece is an exploration of different ways of viewing and interacting with data beyond screen-based and more literal data visualizations. The viewer has a control panel with sliders that control the size or “weight” of each data type. The control panel will also have instructions for how to use it and an explanation of the type of data displayed. The color scheme is taken from data analysis software editors as a reference to the piece giving people without a coding background the ability to manipulate data. The neighborhoods will not be labeled to allow the viewer to abstract the visualizations and imagine the city or neighborhood where they live or where they are from.

Classes

Introduction to Computational Media

Posted on

Peace Bomb

Alizarin Waissberg

An interactive experience aimed to cheer the world up with an explosion of positivity

https://editor.p5js.org/AlizarinZ/full/SkCF_3gJV

Description

Peace bomb is a simple, one-click interactive experience. Instant and surprising, lasting no longer than 30 seconds, the aftershock of Peace Bomb shall shake you to the core long after leaving the scene. Loaded with invasive audio, armed with visual shrapnels, the target of the Peace Bomb is to violently bring you joy.

Classes

Introduction to Computational Media