Motion Capture Lab Generative Motion

This was an experimentation with motion capture and generative graphics. I used a motion file and character from Mixamo and mapped the motion file to the skeleton in Cinema 4D. I added additional mats to the 3D character to customize its appearance. Finally, I manipulated the file and transposed the motion in After Effects to create a generative motion effect.

Breaking.gif
breakdance_i2_0000.png
breakdance_i2_0039.png
breakdance_i2_0099.png

Anonymous Augmentation

This past November I spent two weeks in Berlin and Paris roaming the streets for inspiration. I worked with classmates from my program at Parsons and students from KISD in Cologne. One group project, Graffiti Go! really captured my imagination. Follow the link to learn more.

The two cities, though distinct in their culture and aesthetics have one major thing in common- art is everywhere. In Graffiti Go! my classmates and I envisioned an augmented reality scavenger hunt as a commercialized product. I wanted to further that concept and imagine augmenting art as a medium for protest and guerilla art.

Mockup

 

December 18, 2019

By Mia Walsh, BBC

Augmented Artwork Sparks Political Intrigue

A new sensation has hit the streets and museums of Paris and Berlin. A collective of digital artists calling themselves HanselxGretel have launched a campaign throughout Berlin and Paris to augment works of art. The collective identify both contemporary and classical works of art and use GANs machine learning to make the art send a message in a process that the collective call “creative hijacking.” The anonymous collective are extremely illusive. No one knows the identity of any of the artists but many speculate that there may be some overlap between the digital activist group Anonymous.

Like Anonymous, the only direct communication the group engages in is via their Twitter account. The collective describes the experience as “A challenge to all citizens to follow the bread crumbs to enlightenment.” In a statement released via Twitter in October the group accused the leaders of the European Union of moral elitism and challenged citizens to reckon with the means of their affluence.

“Our countries have placed themselves on a moral pedestal. We choose to romanticize our imperial legacy. We choose to forget the legacy of the means of our wealth. We are like Hansel and Gretel, skipping to our demise. Let us wake you up.”

Every Friday the collective tweets a new GPS location followed by #HanselxGretel and followers flock to the location to find the augmented artwork. Recent locations have included Rue Denoyez in Paris and the Altes Museum in Berlin.

tweet.png

The augmented artwork can be revealed via a free mobile app developed by the collective. Users can fully immerse themselves in the augmented experience using Google cardboard viewers. Once the artwork is revealed, it comes to life before the user’s eyes.

IMG_3715.GIF
Berlin Woman.gif


The collective has indicated that each message collected are components of a larger statement. Although, there is no indication of what that statement might be as of yet. Experts believe that the messages collected are actually components of a decryption key. Many speculate that the key might decrypt sensitive government documents from EU officials. Politicians- perhaps anxious at the prospect of more civil unrest- have made efforts to quell the conspiracy theories with statements calling for the need for harmony in light of recent protests over government cover ups. What the collective has planned for the future is impossible to tell but for now they have two of Europe’s largest cities on the edge of their seats.

Graffiti Go!

Graffiti Go!

Concept

Some people say a piece of art speaks to them. In the near future street art really will speak to you. The following is a speculative design narrative entitled “Graffiti Go!” that explores the possibility of art coming to life

 

Graffiti Go! Press Release

Graffiti Go! is the latest in augmented reality gaming. Now you can challenge friends and strangers alike to a scavenger hunt throughout the world’s major cities. Use the map to navigate the city and find the interactive artwork. Each piece has a story for you and will give you a clue to the next location. You’re in a race with the rest of the city to to

 


1. Once you locate the artwork, scan it using your mobile device and watch it come to life. The artwork will tell you its story in its own words.

DSC_0295.JPG
IMG_3236.GIF
 

2. Graffiti Go! will track your progress and show the pieces that you’ve collected. Choose from different themes and explore a new city.

Maps.png
Search Page.png
Category.png


Critique

The extraordinary thing about art is the ability of a single work to provoke a plethora of reactions. We answered the design prompt “Street Art Collector” through the lens of “Narrow Speculation” and traversed the streets of Paris and visited Rue Dénoyez. We live in a consumptive society. Street art breaks the boundaries of traditional modes of art consumption. Who can own a mural if it’s on the side of a building? Graffiti Go! encourages the user to capture or take ownership of street art for better or for worse. You are enthralled by the magic of the deep learning algorithm at work but what do we sacrifice when artwork’s interpretation is no longer left to individual interpretation and is instead explained to you in the artwork’s own words?





- Dani, Dilara, Iris, Jungu

Free.ly NYC- Urban Interaction Design Proposal

Free.ly NYC- Urban Interaction Design Proposal

New York City has one of the most comprehensive public transportation systems in the United States. When many Americans travel to New York for the first time, they are struck by how far-reaching the subway system is. That is unless you have a mobility impairment. Then navigating the subway system becomes a time consuming, frustrating, and discouraging experience. New York’s Metropolitan Transportation Authority (MTA) encompasses 425 stations, but of those, only 92 stations are wheelchair accessible- that’s less than 22 percent. You may look at that percentage and think, “That’s not so bad. It could be worse.” Unfortunately, for the approximately 60,000 wheelchair users in New York City, it does get worse.

On a daily average 25 elevators break down and announcements and real-time updates are infrequent and unreliable. This lack of infrastructure and communication leaves wheelchair users and thousands of other riders with varying levels of mobility impairment stranded or forced to search for alternative (and sometimes more costly) modes of transportation.

New Yorkers are resilient. None more so than the 60,000 plus New Yorkers who tenaciously navigate a transit system that fails to accommodate their needs. Our team believes that a key feature of urban resilience should be accessibility. For our project, we are examining the reality of New York’s transportation system for people with mobility impairments. Citizens with disabilities deserve equal accommodation within a city’s infrastructure. Even within the larger context of climate change, mobilit and public safety are intertwined. Mobility impaired citizens should have every opportunity to navigate the city to safety in the event of an emergency including natural disasters.

We propose to create a map visualizing the status of MTA elevators in accessible stations as well as transportation alternatives. Our goal is to provide riders with a comprehensive tool to assist navigation on public transit as well as demonstrate the unreliability of the current system to inspire change. We are collecting data from MTA API on elevator outages, MTA bus routes, and MTA accessible stations. The end product will be an interactive map that identifies the obstacles standing in the way of a more accessible New York and provides solutions.

Due to technical constraints we rendered the accessible subway system map separately from the bus line map. Our data sets are available at the bottom of this post. 

 

MTA Accessible Subway Stations

Interact with the map below to see which stations are accessible.

NYC view - accessible stations

NYC view - accessible stations

Bronx view- accessible stations

Bronx view- accessible stations

Manhattan view- accessible stations

Manhattan view- accessible stations

Brooklyn view- accessible stations

Brooklyn view- accessible stations

MTA Bus Lines and Stops w/ Subway Lines

This map is meant to be a supplementary layer to the accessible stations map. If overlaid, the experience would allow the user to find alternate routes should they find that their station's elevator is out of service. 

MTA bus routes (blue lines) view with subway lines (green lines)

MTA bus routes (blue lines) view with subway lines (green lines)

MTA bus stop view (bus icons) and subway view (green lines)

MTA bus stop view (bus icons) and subway view (green lines)

Resources

1 https://www.nytimes.com/2017/03/29/opinion/new-york-has-a-great-subway-if-youre-not-in-a-wheelchair.html
2 http://dnnyc.net/
3 https://www.nytimes.com/2017/03/29/opinion/new-york-has-a-great-subway-if-youre-not-in-a-wheelchair.html

Data Sources

  1. MTA Bus Lines
  2. MTA Accessible Stations
  3. Service status can be accessed through the MTA API

Demystifying Displacement Prototype

This is an update to the Demystifying Displacement data visualization. The goal of this project is to present case studies and statistics that reveal the history of African American communities in Manhattan and their continuous displacement.

The prototype below goes through a series of interactions and data animations that I am developing for the piece. I was very inspired by the New York Times article "Extensive Data Shows Punishing Reach of Racism for Black Boys."

Mockup Duplicates

This was a practice exercise to duplicate the design of mobile app. I chose Medium because I use it often and I think they have one of the best application of minimal, white space-heavy visual design. 

Matching some of the font sizes and recreating the green half circles around the profile pictures was a bit of a challenge but otherwise, it was a fun exercise.

Medium Screenshot

Medium Screenshot

My mockup

My mockup

Environments

Our group was given the task of constructing an environment by combining several domains of interest. We chose to explore the domains of public health, privacy, and governance. 

Concept Statement

We chose to construct a speculative environment set 40 years in the future where the human race has been devastated by contagious disease. In the aftermath of the global epidemic, the remaining population has undergone a massive social shift that values health as an essential part of security and maintaining public health has been engineered into everyday life through a sentient internet of things monitoring system that controls the everyday lives of citizens.

The Story

1.jpg
3.jpg
4.jpg
5.jpg
6.jpg
RING system log.jpg

The storyboard follows a character being monitored and quarantined in her home due to a contagious flu infection. We wanted to explore the ways in which such a system might impact interpersonal communication. We also designed an artifact of the environment- a system dashboard logging all of the characters activities to demonstrate the level of surveillance and explore a behind-the-scenes look into the service.

Process

Storyboard 1.jpg
Storyboard 2.JPG
Notification Copy.JPG

We sketched the storyboards for each scene and brainstormed the copy for each notification.

Comment

Openframeworks Particle Systems

For this week's project, I tweaked a class example of an Openframeworks particle system. The class example repelled and attracted particles triggered by a mousePressed function. The particles repelling and attracting reminded me of sci-fi laser beams so I decided to add a laser beam sound effect to the mousePress function.

I loaded an mp3 file into the data folder and called the function, mySound. I also changed the color of the particles. When they are attracting, they are a golden color and when the laser fires/ repels, the particles turn red. 

Here's the finished product:

I learned how to apply the ofSoundPlayer function here.

Link to the project on GitHub here.

Comment

Comment

Openframeworks Explosion

With this project, I used OpenFrameworks particle systems to try and simulate an explosion.

A few things that I tweaked from the example code:

1. I set the firework particles from generating random colors to a more explosive red

2. I increased the circle radii from 2 to 20 pixels. This made the initial cluster look more tightly packed like a more realistic explosion.

3. changed the alpha from alpha-- to alpha++ and edited the velocity so that the particles would disperse in slow-mo and "fall" back to Earth once they're propelled. Very dramatic. Very Jerry Bruckheimer.

Here's the finished product

Github link here

Comment

Instruction Sets for Strangers

Introduction

Instruction Sets for Strangers is a project that challenges students to design interventions in physical spaces that instruct the public to complete a task without using any verbal or written cues. My teammates and I chose Washington Square Park as the site of our design intervention.

Research

We started by doing research on the site. We were struck by WSP's rich history of protest and civil disobedience. The park has long been a site of mass protests for some of America's most progressive movements. I was particularly intrigued by the area's pre-modern history. In the 17th Century, all of Lower Manhattan was known as "The Land of the Blacks." Dutch settlers granted the land to enslaved Africans to act as a buffer zone and human shield between their settlements in Upper Manhattan and hostile Native American communities. Although the Land of the Blacks' purpose was exploitation, the settlements prospered and became a gateway to freedom. 

Map of Land of the Blacks/ Columbia University MAAP

Map of Land of the Blacks/ Columbia University MAAP

Historical Protest.jpg

Goal

We discussed this as a group and decided the goal of our intervention would be "to encourage collective art in the spirit of Washington Square Park's history of protest and reclamation."
 

Inspiration

Photo by Danielle Beecham/ 14th Street Union-Square Station 2016

Photo by Danielle Beecham/ 14th Street Union-Square Station 2016

Photo by Danielle Beecham/ Women's March 2017

Photo by Danielle Beecham/ Women's March 2017

 

We took inspiration from the post-election collective art at the 14th Street-Union Square and a photo I took at the Women's March as good examples of non-verbal cues that communicate intent clearly.

Phase 1

In the first iteration, we took a cut out of a world map and set it up on a poster board with stickers representing various movements: the Black Power fist, the Gay Pride flag, the Communist hammer and sickle, an anti-swastika sign, the Feminism fist, and an anti-gun sign.

We hoped that passerby would feel compelled to make a statement with the stickers if they had the prompting of the world map. 

42A52936-E89A-4783-AFD9-121F8D182782.JPG

Result 

We had a few people stop and engage but not as many as we hoped. We had some conversations with a few of the people that interacted and it occurred to us that we were limiting in our choice of materials to a small range of statements. 

Final result 

Final result 

Phase 2

We decided to go back to our original source of inspiration and use stickie notes as our medium. We hoped this would allow freedom of expression. To communicate our instructions and guide the feedback to reflect the topic of protest, we added a silhouette of protestors and cut some of the stickie notes in the shape of picket signs. 

Beginning.JPG

Results

With the second iteration, we observed more people interacting with the board but the most interesting interactions were how people interacted rather than what they wrote. Our easel was pretty flimsy and between the wind and the pressure of the pens against the canvas, it was falling over every other interaction. One of the first large groups to interact were a bunch of kids and their parents. When the canvas started to tip over, the kids took turns holding the canvas so the others could write. Moments later a young man interacted but had the same trouble with the easel. One of the parent's of the kids held the canvas up for the young man. The young man then moved the easel behind the fence and stuck the legs firmly in the soil. No more tipping over and two great examples of unintentional collectivism

At the end of two hours we had a lot of stickie notes to read. I went up to a group who were spending quite a bit of time at the board and asked them what they thought it was. One man said "I think it's just a community note board, like collective art." Another person said "It's a place to share encouraging words, words of peace. I see the people at the bottom. It looks like they're peacefully protesting." The feedback and interactions were positive and I felt it captured our initial goal. In reflecting, I think the most meaningful part of our experiment was observing how readily people worked together and took charge on creating solutions.