Project 3C: Final Interactive Processing Sketch

For my final project, we had to make an interactive sketch that incorporated at least two of the basic concepts that we’ve covered in class and that reflected the aggregation of our knowledge in Processing! In the last portion of this semester, we learned about text, image and video so I only saw it fitting to include all of these functions in my last assignment! Not only did I want to use these elements, but I also wanted to incorporate my love of Disney into this final project. Thus, leading to my creation of… (drumroll please)

The Magical Tangled Movie Player!

Lanterns

 Essentially, I wanted to make a fun, interactive video player that allows the user to experience the movie in a variety of ways, giving them the freedom to customize how they want to watch it! As you can see from the sketch and comments, I’ve added some fun elements for the user to toy with and manipulate.

For example, you can change the tint of the movie to a fun color…

Tint

Or you can delight in pausing the movie…

Paused

 …And you can even toggle the menu instructions so that you can enjoy the movie without distraction!

MenuAlthough the concept seems pretty simple, the code was actually pretty tricky! To make a picture/text appear when you press a button and then make that picture/text disappear when you press that button again seems like a very simple and uncomplicated matter, but the logic with which to code the program actually proved itself to be a challenge! It involved several hours of experimentation with the code to successfully get the pause function and the menu toggling to work.. but HUZZAH! I did manage! I definitely won’t underestimate what it takes to make even the simplest Processing functions to work anymore!
So, lo and behold the magical sketch:

Sketch1 Sketch2

Project 2: Hybrid Interaction

Our second project was to create an Arduino-controlled physical interactive construction that explores hybrid possibilities and engages the audience in critical design.

‘Critical Design’ refers to “…designed objects that not only function but exist to be thought provoking as well, making users think in critical ways that are usually associated with art rather than design.”

– Programming Interactivity, Joshua Noble (16)

Thinking of critical design, I immediately thought of today’s society and how we currently live in this day and age. As mentionned in previous discussions and readings, our lives are endlessly being infiltrated by modern technology and it’s become so integral to our lives that I feel justified in saying that we have become “attached to the hip”— a statement similar to McLuhan claiming that media have become extensions of ourselves. Which I very much agree with. Technology has not only become a part of our identities–a part of who we are–but it’s become a part of how we are and how we function as well.

With this project, I wanted to create an environment that presents just how dependent we are on technology–even with the simplest tasks–and that exudes the qualities of modernity… leading me to the invention of ModerniTea.

Logo

The idea behind ModerniTea was to be a device that assists you in brewing your tea in which I wanted to raise the question of how we have become so reliant on technology that we can’t even make a cup of tea by ourselves. If you think about it, even without this device, we really can’t make tea without technology: what will heat up the water? what will keep track of time? No modern person is going to make a fire from sticks and stones or use an hourglass for a darn cup of tea.. But, this device puts forth this issue and exaggerates this dependency. Originally, I wanted it to not only demand physical interaction with the device, but I had intended the process to be facilitated by social media, specifically the ever-pervasive Twitter. Having found on the web Arduino projects that can send tweets to users, I wanted to have my contraption tweet to the participant, sending them notifications of what steps to follow and to alert them at what stage they are at. I wanted to invite people to reflect on how much we count on technology and to put forth the idea that we rely so heavily on technology that we have to have it directly address us to get us to perform actions— and they have to address via means that we are quite literally attached to: the screen that shows us our Twitter account. Here was my initial plan:

ProjectPlan1 ProjectPlan2

As you can see, the three input sensors that I wanted to use were pressure, temperature and light while the outputs were going to be the actions of turning the kettle on, tweeting when the water was ready, starting the timer and tweeting when the tea was done steeping. However, this was all before I realized that implementing Twitter into my project would require an Ethernet Shield which would cost me 100 dollars… So, unfortunately, I abandoned the idea of Twitter.

However, I really wanted this project to solicit this idea of being indisposed to media and technology. So instead, keeping to the heart of this endeavour, I decided I could still show our reliance through the display of screens— a physical object that contains what we rely on. We are glued to screens by necessity. So, instead of Twitter, for economy’s sake, I opted for an LCD screen that would do the same thing as a Tweet, the screen would talk to you and tell you what’s going on/what to do. A digital guide catered to the modern person. 

The Initial Circuit:
InitialWiring

Initial Sketch:

#include<LiquidCrystal.h>
LiquidCrystal lcd(12,11,5,4,3,2);
#include<CapacitiveSensor.h>
CapacitiveSensor capSensor = CapacitiveSensor(6,7);
//variables for the photoresistor
int sensorValue; //final sensor value to start the timer
int sensorLow = 1023; //the sensors lowest values
int sensorHigh = 0; //the sensors highest vaule
const int LED_PIN = 13;
//variables for the tempurature sensor
const int tempSensPin = A1;
const float baselineTemp = 20.0; // this is value you need to change to figure out the mug temperature
int testPin = 4;
//variables for the LCD
const int lcdSwitchPin = 6; 
int lcdSwitchState = 0;
int lcdPrevSwitchState = 0;
int reply =1;
//variables for the capacitive sensor
int threshold = 1000;
void setup()
{
 Serial.begin(9600);

 pinMode(LED_PIN, OUTPUT); //declare that the pin will be sending an output
 digitalWrite(LED_PIN, HIGH); //turn the pin holding the photoresistor to high

 while(millis() > 1000) //this loop will be on five seconds and read the sensor values; after it reads, it will write the value and send it to sensorValue
 { //change the time to make it faster or slower (probably faster for the project
 sensorValue = analogRead(A0);
 if(sensorValue > sensorHigh)
 {
 sensorHigh = sensorValue;
 }
 if(sensorValue < sensorLow)
 {
 sensorLow = sensorValue;
 }
 }

 digitalWrite(LED_PIN, LOW); //write the end value to the pin

 pinMode(testPin, LOW);
 digitalWrite(testPin, LOW); 

 //for the LCD
 lcd.begin(16,2);
 pinMode(lcdSwitchPin,INPUT);
 //lcd.print("TeaMaker2000");
 //lcd.setCursor(0,1);
 //lcd.print("Copyright Czarina");

 //capacitive sensor

} 
void loop()
{
 sensorValue = analogRead(A0);
 //Here is where we will add the function for the if sensorLOW, start timer 
 Serial.print("The photosensor: ");
 Serial.print(sensorValue);
 //To test with the peizo if the if the sensor is working
 //int pitch = map(sensorValue, sensorLow, sensorHigh, 50,4000);
 //tone (8,pitch,20);
 //delay(10); 

 //for the tempurature sensor
 int tempSensVal = analogRead(tempSensPin);

 Serial.print("Sensor Value: ");
 Serial.print(tempSensPin);
//convert the ADC reading to volatage 
 float tempVoltage = (tempSensVal/1024.0) * 5.0;
 Serial.print(", Volts: ");
 Serial.print(tempVoltage);
 Serial.print(", degrees C: ");
 float temperature = (tempVoltage - .5) * 100;
 Serial.println(temperature);
//turn on the LED for testing
 //if(temperature < baselineTemp)
 //{
 // digitalWrite(4, HIGH);
 // }

 //for the lcd
 lcdSwitchState = digitalRead(lcdSwitchPin);

 //if(capacitiveSensor)
 //{
 //lcd.print("Welcome to SuperTea");
 //}
 // if(capacitiveSensor && temperature)
 //{
 // lcd.print("Water is ready...");
 //lcd.setCursor(0,1);
 //lcd.print("Commence steeping!");
 //}
 //if(capacitiveSensor && temperature && photoresistor)
 //{
 //lcd.print("You have 6 minutes");
 //lcd.setCursor(0,1);
 // lcd.print("until heavenly bliss.");
 //}

 //capacitive sensor
 long capSensValue = capSensor.capacitiveSensor(30);
 Serial.println(capSensValue);

 if(capSensValue > threshold)
 {
 lcd.clear();
 lcd.print("Welcome to");
 lcd.setCursor(0,1);
 lcd.print("ModerniTea");

 if(temperature < baselineTemp)
 {
 lcd.clear();
 lcd.print("Water is ready...");
 lcd.setCursor(0,1);
 lcd.print("Commence the steep!");

 if(sensorValue < 500)
 {
 lcd.clear();
 lcd.print("You have 6min");
 lcd.setCursor(0,1);
 lcd.print("until tea bliss");
 }
 }
 }
 else
 {
 lcd.clear();
 lcd.print("ModerniTea");
 lcd.setCursor(0,1);
 lcd.print("CR Czarina");

 delay(10);
 }

}

Speaking to modernity, I wanted to take this one step further and emphasize this idea by also suggesting that modernity has not only made technology an embedded part of our lives, but that modernity calls for our attention in infinite ways and that it has rendered us so distracted and caught up in all of the different technologies that we need to be alerted by various sources in order to capture our attention. So, to physically represent this, I modified my contraption to not only have the screen very straightforwardly talking/instructing you, but having a light and audio source blatantly calling your attention as well. Three simultaneous outputs. It is only with all three of these calls that our attention is acquired and the task can be performed at hand— an exaggeration but one that gets my point across. Furthermore, it goes to show how technology can impact our senses as well with vision and aural in this case.

 Revised Circuit:

NewWiring

So, here is a breakdown of the stages of the revised contraption:

1) Hold the mug on the pressure sensor.

2) Add boiling water into mug. When the water is at the right temperature, the LED lamp will light up, the Piezo will ring and the LCD screen will inform you that the water is ready and that you should have your teabag ready to insert by holding it in front of the sensor.

3) When the photoresistor detects that the tea bag is ready to be dropped, the lamp and Piezo will alert you and prompt you to place it in the cup. This starts a timer and tells you that you have 6 minutes to steep the tea.

4) When 6 minutes have passed, the lamp and Piezo will call you again, letting you know that your tea is ready!

Revised Circuit:

NewWiring

Revised Sketch:

#include<LiquidCrystal.h>
LiquidCrystal lcd(12,11,5,4,3,2);
#include<CapacitiveSensor.h>
CapacitiveSensor capSensor = CapacitiveSensor(6,7);
//variables for the photoresistor
int sensorValue; //final sensor value to start the timer
int sensorLow = 1023; //the sensors lowest values
int sensorHigh = 0; //the sensors highest vaule
const int LED_PIN = 13;
//variables for the tempurature sensor
const int tempSensPin = A1;
const float baselineTemp = 80.0; // this is value you need to change according to the temperature you need the water to be at for your specific tea
int testPin = 4;
//variables for the LCD
const int lcdSwitchPin = 6; 
int lcdSwitchState = 0;
int lcdPrevSwitchState = 0;
int reply =1;
//variable for the LED turning on and off
 const int notificationLED = 13;
//variable for the peizo
//variables for the capacitive sensor
int threshold = 500;
//runonce variable
int runOnce = 0;
int X = 1;
//timer variable
unsigned long timer = 360000;
void setup()
{
 Serial.begin(9600);
 //for the photoresistor
 pinMode(LED_PIN, OUTPUT); //declare that the pin will be sending an output
 digitalWrite(LED_PIN, HIGH); //turn the pin holding the photoresistor to high
 //for the LED notification peizeo connected to 9
 pinMode(notificationLED,OUTPUT);
 off();

 while(millis() > 1000) //this loop will be on five seconds and read the sensor values; after it reads, it will write the value and send it to sensorValue
 { //change the time to make it faster or slower (probably faster for the project
 sensorValue = analogRead(A0);
 if(sensorValue > sensorHigh)
 {
 sensorHigh = sensorValue;
 }
 if(sensorValue < sensorLow)
 {
 sensorLow = sensorValue;
 }
 }

 digitalWrite(LED_PIN, LOW); //write the end value to the pin

 pinMode(testPin, LOW);
 digitalWrite(testPin, LOW); 

 //for the LCD
 lcd.begin(16,2);
 pinMode(lcdSwitchPin,INPUT);

} 
void loop()
{
 sensorValue = analogRead(A0);
 //Here is where we will add the function for the if sensorLOW, start timer 
 Serial.print("The photosensor: ");
 Serial.print(sensorValue);

 //for the tempurature sensor
 int tempSensVal = analogRead(tempSensPin);

 Serial.print("Sensor Value: ");
 Serial.print(tempSensPin);
//convert the ADC reading to volatage 
 float tempVoltage = (tempSensVal/1024.0) * 5.0;
 Serial.print(", Volts: ");
 Serial.print(tempVoltage);
 Serial.print(", degrees C: ");
 float temperature = (tempVoltage - .5) * 100;
 Serial.println(temperature);

 //for the lcd
 lcdSwitchState = digitalRead(lcdSwitchPin);

 //capacitive sensor
 long capSensValue = capSensor.capacitiveSensor(30);
 Serial.println(capSensValue);

 if(capSensValue > threshold)
 {
 lcd.clear();
 lcd.print("Place water");
 lcd.setCursor(0,1);
 lcd.print("in cup.");
 on();
 tone(9,262,500);
 delay(2000); //these are the delays that you fool with if you want to mess with the timing
 off();
 delay(1000);

 if(temperature > baselineTemp)
 {

 lcd.clear();
 lcd.print("Place teabag in");
 lcd.setCursor(0,1);
 lcd.print("front of sensor...");
 on();
 tone(9,330,500);
 delay(2000); //these are the delays that you fool with if you want to mess with the timing
 off();
 delay(1000);

 if(sensorValue < 900) // adjust this value depending on the light of the setting
 { 
 lcd.clear();
 lcd.print("Insert teabag. 6");
 lcd.setCursor(0,1);
 lcd.print("mins to steep!");
 on();
 tone(9,394,500);
 delay(5000); 
 off();
 delay(360000); 
 on();
 tone(9,394,500);
 delay(5000); 
 off(); 
 }
 }
 }
 else
 {
 lcd.clear();
 lcd.print("ModerniTea");
 lcd.setCursor(0,1);
 lcd.print("CR Czarina");

 delay(10);
 }
 }
void on()
{
 digitalWrite(notificationLED, HIGH);
}
void off()
{
 digitalWrite(notificationLED,LOW);
}

 

Now, for my Arduino project to be functional and for ease of user interaction, I needed to sodder the parts in order for them to extend from the breadboard. I had never soddered before so this would prove to be a challenge but luckily, I have a friend who has a soddering gun and was able to help me out!

SodderingGun

Here’s how everything looked after extending the wires and soddering things together:

SodderedWiring SodderedWiring2

A huge mess, right? Well, that’s exactly how I intended it to be anyways. Building on my theme of modernity, I felt like the tangled chaos of the wires exudes what modernity is all about–connected to so much and trying to do so much. However, it doesn’t appear as such on the outside, so what I wanted to do was to house this mess in a sleek, contemporary-looking design.

Construction of the Housing Unit:

Housing

However, building the housing unit proved to be much more difficult and painful than I had anticipated, having to work around the wires. After construction, I actually had messed up my circuit somewhere and it took hours and hours of not only building, but trying to repair the damage.. In the end, I actually had to rewire everything. If I had to do it over again, I would have planned the wiring of the circuits and the construction of the box ahead of time to save me the headache of trying to maneuver around things as I went… Also, I wanted the wires to aesthetically represent a mess but it probably would have been wiser from the beginning to keep my circuits and wires as neat, legibly accessible and maneuverable as possible. When I redid my wiring I tried to do this but when I had started, I didn’t keep that in mind and everything was such a huge mess and incredibly fragile–the slightest touch would remove wires and components and then I’d have to backtrack to fix all the issues… Lesson learned, I now have a much more stable and somewhat organized breadboard.

FinalWiring

 

Here is the construction coming together..
Construction

…and after countless hours of hard work, tears and sweat, here is the final product!

modernitea

STAGE 1: Hold the mug on the pressure sensor.

stage1

STAGE 2: Add boiling water into mug.

stage2

STAGE 3: Hold teabag in front of light sensor.

teabag

STAGE 4: Drop the teabag into the water. Now wait six minutes for tea bliss!

stage3

STAGE 5Once the timer reaches six minutes, the Piezo will ring and the LED will light up to let you know that your tea is done steeping and you’re ready for a modern cup of tea!

Fritzing Wiring Circuit Diagrams

Sketch_bb

Sketch_schem

The Project of Perpetual Problems

This project has literally been endless problem after problem after problem, resulting in a lot of mental breakdowns and recurring tears being shed. (Seriously.) I’m not even sure if I can list down all of the obstacles that I’ve had to face because there was always something going wrong.  Everything has malfunctioned or given me difficulty at one point. First off, the code was a huge struggle to make it work. Especially since so many of my outputs and the events to take place rely on a combination of different inputs. With that said, this struggle carried on throughout the actual building, wiring and execution of the contraption. I would say that making events depend on not only several different inputs– but very specific parameters (specific temperature, specific light levels) was my biggest mistake. Although it is very sophisitcated, it makes everything hugely complicated for a number of reasons.

1) If one parameter isn’t working, then the action won’t take place. Also, if one parameter doesn’t work, then I have to investigate ALL OF THEM to find out which one is malfunctioning. Hence, very time consuming and frustrating.

2) I have to always adjust the parameters depending on the environment I am in. Depending on the lighting and the temperature of the setting, I have to change the values in the code to ensure the action will take place. And I have found out that lighting and temperature values can be very finnicky. Below you can see that even just having a wire touch another can throw off the temperature values.. I know the NMED labs can get hot sometimes but I don’t think they get up to 300 degrees…

Temperature

In the end, it is such a hassle to meet all the right conditions when the nature of these components are so fragile and even a slight physical bump that causes a wire to touch another or a component to loosen off the breadboard can ruin the entire project. Countless times have my problems arisen from just the simplest tweaks and movements.

Another huge issue that I had was initating the capacitive pressure sensor. My initial plan of placing tin foil underneath the mug did not work as it wasn’t conductive enough. After that, I proceeded to ground another wire to negative and adding wire underneath the mug, but that still did not initiate the sensor.

mug

I tried different types of metals such as coins and knives but nothing that could work with my mug. In the end, a metal Contigo thermos proved to be the only thing conductive enough so now this device can only use that. But what I found most interesting was that the user has to touch the mug to initiate the next step– which is something that I actually like because it reinforces the fact that a human is required in this whole task. Therefore, I actually like this change, enhancing the conceptual idea behind my project. This alteration has also affected the structure of my device and now instead of having the photo sensor attached to the box, I have attached it to the thermos itself. If this were a real life practical device, I would have it detachable or build something to hold the sensor but for the sake of this project and economy, I just have it removable by tape.

Because of so many complications and setbacks, this is not the most practical contraption but given more time and skills, I would have it constructed more durably/accessible, design the housing unit to facilitate wiring changes in a much easier manner and have more LED screen instructions.. These are just to name a few of the major modifications I would have liked.

After everything, I think that I was overambitious with this project and I made things much too complicated for myself to handle with too many parameters and conditions to look after. If I could do this over again, I would simplify EVERYTHING so much more. Ironically enough, I think that even just the experience of making this project exudes the underlying theme behind it: the complications of modernity. While I meant to bring forward the issue of dependency, my project ironically and rather unintentionally embodies the problems of having too many things depending on one another.

In conclusion, I do think that my project does successfully use some of the possibilities of hybrid interaction/physical computing to its advantage, combining the physical interaction of the user with the device with the electronic components all intricately relying on one another. The functioning of the contraption relies on so many things, including the user, but the user also relies on the contraption. Not only is the user  literally prompted by the device to take action but they are also prompted to think about their relationship to the device and technology as a whole.

 

Nerdy Inspiration

Learning about Hybrid Interaction and Arduino, I was checking out some of resources provided on Moodle and I stumbled upon this beautiful find. As an avid Harry Potter fan, I definitely appreciate this and I will admit that I am pleasantly surprised over all the wonderful possibilities I never thought of! Who would’ve thought you could come up with a Quidditch Diorama clock?!

Project 1: Analogue Interaction

Our first project was to create a pop-up book with the goal of exploring the interactive analogue possibilities provided by paper engineering.

WHERE: Why This Structure?

With the theme of moving between the interior/exterior of structure, I decided to make my book based on one of my own unique experiences: what it’s like to be inside of a character costume. As a Character Performer in the Happiest Place on Earth this past summer, people are constantly asking me what it was like, and although the nature of my job restricts me from disclosing information publicly, I thought it would interest people to provide a small glimpse into this secretive world. (Keeping that in mind, I can’t explicitly say who I was and made a fictitious character for this, but you can imagine which characters I got to impersonate.) Besides the topic being able to arouse the reader’s curiousity, I thought that the idea itself is a concept that embraces layers and should be explored by examining each level. In fact, it is after making the pop-up book that I realized that breaking down the information into different layers made talking about the topic so much easier and the information that much more accessible to the viewer. Beforehand, when asked to elaborate on my job, I would dizzyingly jump from idea to idea (i.e. mechanics to personal feelings to physical sensations then back to mechanics) and lose track of the overwhelming amount of information. But, now with the help of this book, I can progress logically without confusing myself or my listener. Furthermore, I thought that the different components of each level of the job provided many possibilities for pop-up interactive features that could be translated to paper.

HOW: The Construction Process

Given the theme, I wanted to move from the outside of the costume–the superficial layer that everybody sees–to the inside of the costume-the mechanics, the clothing and the physical interior of the suit, then proceeding even further and going beneath the performer-the psychological and emotional aspect of the job that people often overlook.

Here’s a preliminary sketch of my idea:

photo (1)

Getting used to the craft of pop-ups, here’s some experimental cuts…

photo 2 (1)

After familiarizing myself with the basic mechanics, I then began brainstorming how I could apply some of these pop-ups to my concept which fueled even more sketches. I found that as I explored more and more techniques, I kept changing my ideas, realizing how my growing knowledge of new devices opened up narrative possibilities and that my newfound discoveries could narrate some aspects better than others. The development of the last page of my book- -the Behind the Face section- exemplifies how the acquirement of new skills changed the final product from the initial prototype.

Behind the Face

Most people only care about inside of the character costume but I think it’s important to show one of the most important parts of the job–the side that I can’t even begin to express but I can attempt to convey: what it personally feels like. The heart of the job. And quite literally the only way I could think of showing this was with an actual heart. I decided to try making a Slotted X Mechanism with Square Box Attachment.

Diptic (1)

First, you create two symmetrical hearts, cutting one at the top half and the other at the bottom half. Then you measure the widest part from the edge to the cut and this will provide you with the measurements for the box attachment.

Diptic (2)

Slot the hearts together and glue the box to one side. Lay the heart flat, folding the box down and then glue the box to the fold of the page. Ta-da! 

So after mastering this technique and many other types of hearts, I wanted to populate the page with a wide assortment of hearts folded and cut differently. My intent was to overwhelm the viewer with so many hearts as to convey how overwhelmingly heartwarming the job is. This was the initial idea:

BehindFace_Prototype1

Layered Heart

However, during my research, I stumbled upon an elaborate varation of the Slotted X mechanism with a pile of hearts that pop out and spill across the page. After finding this tutorial, I thought that this shape better conveyed the message I wanted. Therefore, I decided to master this more advanced technique…
Elaborate X Slotted Hearts

However, there were still other components of my original idea that I really liked so I decided to incorporate them all together. Which led to another prototype version of the page…

BehindFace_Prototype2

Which then finally came together as the final product:
BehindFace_Final BehindFace

So, as you can see prototyping was useful for me in that allowed me to change my mind and evolve my ideas over time! Similarly, the same thing happened with my other pages, but the changes weren’t so drastic. As you will see later, the prototypes of my first pages relatively stayed the same.

On the Outside

PROTOTYPE

Diptic photo (2)

OutsidePrototype

FINAL

 Outside

The pulling/pushing mechanism behind the child coming up to hug Barrie proved to be the biggest challenge for me. I was determined to get this idea to work as I knew the performer-guest interaction was an important component of the exterior that I wanted to illustrate. Also, I really liked the idea because it made the reader interact with the book in a way that would recreate the interaction I was trying to describe. The reader’s interaction with the book enables the interaction between the child and the character. Clever, no?

I initially tried using string mechanisms but the string wouldn’t cooperate nor would it move smoothly or in a controlled fashion. The easiest option would have been to have the viewer pull up on the tab and the object would be pulled along with it, but obviously Barrie’s pop-up obstructed that possibility. Alternatively, I considered keeping it simple and straightforward by having the viewer push the tab up, but then keeping in mind the principles of analogue interaction and trying to make things as logical and user-friendly as possible, I felt like this was going against the user’s intuition—we naturally want to pull down rather than force something up. I knew I had to somehow find a way that allowed the natural ease associated with pulling on tabs and I was determined to make my conceptual idea a reality. After pouring through different mechanisms, I luckily stumbled upon this video tutorial on push/pull mechanisms.

http://www.youtube.com/watch?v=tFJm7M-Jcr8

It wasn’t exactly what I wanted but it illustrated the main principle that I wanted: to pull to trigger movement in the opposite direction. This was tricky and it required a lot of trial and error to make it suitable for my intention. After lots of experimentation and modifications, I successfully managed to recreate my own version!

Push Pull Mechanism Kid hugging Barrie

Look at the child running up to meet Barrie!

photo (3)

The mechanism works quite smoothly but moving the child/the tab back to its original position sometimes doesn’t move as nicely so in a future version, I would like to somehow make this easier to reset it.

Behind the Mask

PROTOTYPE

InsidePrototype

To show the inside of the costume, I wanted to show some of the mechanics and the physical layers that the person has to wear. I think I want simple flipping mechanisms and overlays to show the different layers of clothes. After looking into slider mechanisms, I wanted to include a tab that you had to pull so I had the idea of showing how ridiculously hot it gets in the costume with an interactive thermometer!

photo 2 (3) copy

Sleeves keep the slider in place since they are attached to the page while the end stops prevent the pull tab from moving too far. Without any tutorial, I had to familiarize and with how a typical slider worked then I proceeded to experiment as to how I could make a thermometer out of these basic mechanisms. Trial and error was definitely needed but after trying different things, I managed to establish a device and get it to work!

photo 3 (2) photo 4 (2) photo 5 (2)

Knowing that I wanted some sort of spinning wheel device, I found this fun interactive wheel and thought that it would be great to make it a fan and incorporate it into my temperature idea alongside of the thermometer.

Wheel Model

Without any instructions, I had to carefully examine the contraption and recreate it myself through trial and error. I had to make sure that all of the coordinating pieces were cut in perfect proportion to each other and had to adjust the size of the wheel several times in order for it to spin smoothly underneath the paper.

 Wheel

SUCCESS!

Fan

Behind Mask (Beginning of Final)

FINAL

Inside

Clothes Underwear

WHO and WHY: Audience & Attraction

This pop-up book was designed for people who are old enough to know that there are human beings inside of character costumes and for people who are okay with having the illusion shattered. Without wanting to destroy the dreams of children, I explicitly made it clear on the cover and packaging of this book that this is not suitable for children/young kids should be forbidden to look at it. However, by also doing this, I wanted to pique the curiousity of my reader and grab their attention, making them feel like they’re becoming engaged in some kind of top secret matter– which it really is in all acutality! I really wanted the audience to understand the discretion and rarity of this information, making this a priviledged experience for them. Not only to enhance the aesthetic appeal and intrigue, I wanted to maximize the reader’s physical engagement with the book by placing the book (the top secret file) in an envelope from which they have to pull it out of.

photo (4)

Beyond the classified/confidential atmosphere protecting the secrets of the book, I wanted the book to be young at heart just as the topic is. Since the look and feel of pop-up books are generally childish and the very theme that I chose is about childhood matters, I wanted to honor this youthfulness and nostalgia by keeping the design similar to a children’s book– and making it just as fun since it truly is a fun topic! In order to incorporate this playfulness, I wanted to create fun pop-ups that make you interact and play with the book or that take you by surprise such as the case of the bear and the child. As kids, we loved being able to touch and feel different materials in books and regardless of age, I think that these kinaesthetic sensations of touching and feeling allure people in so I deliberately included this principle in my book. For example, I made Barrie as soft as he would be in real life, I made the clouds fluffy, I literally made warm fuzzy feelings, and I tried to make everything as textured, as touchable as possible. By physically familiarizing oneself with a material, we can then move from getting to know the object from a physical level to a psychological level- processing what is tangibly there to form our own opinions and understanding of the thing. But, even if the material isn’t highly entertainining or mentally stimulating, I think that touching and feeling things in a book provides pleasure in reminiscence and nostalgia. It takes us back to those wonderful childhood memories and makes us feel like a kid again–which is what my whole theme was about.