katrinaproject2

HI! The journey I decided to do was my trip to Taiwan!

Website! Click here!


 * *I've noticed, after a while, Safari just gives up on sketches. If you are faced with a blank screen (no coffee cup loading icon), I'd copy the home page's url and then quit Safari. After starting up safari again, it should work. (Or, at least, it did for me?)* **

Depending on your computer, internet connection, and browser version, it might be a good idea to be patient; give the sketches a few seconds even after they have appeared to loaded before you click them.

Also, leave your audio on.

(Download all original .pde files here) (right click +save as) --these are the original super original files. some of these sketches make use of the minim audio library. It should work without hassle of installing the library into your computer though...

if you do find problems however, try the exported versions here (open the index.html files inside them)--

PROCESS
At first, I was going to do a walk with my dog. But I ended up with pictures that were just... cute and I couldn't add much to them. media type="custom" key="8735674"

So, instead, I decided to do my trip to Taiwan (note, this slideshow has some pics from China as well since I was at first considering to do both trips) cause I have a lot more interesting pictures from that. media type="custom" key="8735652"


 * For these sketches, besides the last once, which I used the german site's code for... I just relied on my limited knowledge of if-statements and determination! .__. (and google!) **
 * For these sketches, besides the last once, which I used the german site's code for... I just relied on my limited knowledge of if-statements and determination! .__. (and google!) **

-- //On Photo Treatment// Graham mentioned I should try photo treatment, like for example, making the "paint your dreams in the sky" black and white. I did try that! I just felt it made the sketch a lot less happy and feeling like you didn't want to paint anything in the sky. :( (HOW DEPRESSING?)

(the image after was quite nice though)

From there, I tried to make sure my photos were being treated a little differently. For the Meet my Family sketch, I originally had a less saturated version of each person, and it would blink though them. But, because I was trying to make it less code and file heavy, I removed that feature for the final product... What I did do is go through both pictures quite a few times to make the background black and white and each person in colour so that they stood out.

Also, for the dog sketch, I changed the image so it looked like it was nighttime. Then, I got both the original and my "nighttime" version to fade in and out of each other.

---
 * I kind of felt that I wanted the images to seem like they were normal images, and then they would come alive either on their own, or with the user's involvement. But yeah, pretty much, I felt a lot more comfortable with the images not touched up in the beginning, but changing after.**

I assumed this would be the easiest sketch to make... It probably took me the longest out of all of them. I really wanted the person you clicked to be the person you clicked (I searched for where mouseX and mouseY were on the screen). Like, for the second picture, you can see my dad and my little brother are pretty close together, so it was a bit confusing. Also, you can see my mom and my grandpa and my mom's friend are not perfectly blocked off. SO, it was a bit of trouble, I put a grid on everything and sat around and did trial & error:
 * sketch 1**

I also was very annoyed with making sure everything went in proper orders and that if one wanted to click in between people, they could do that with ease (rather than return to the original image and then click another person).

... I also included instructions on the top left, telling the person what to do, changing once you do it and then leaving when you've figured everything out.

I thought this was an interesting image; there seems to be a fog that fills up the photo and concentrates on my mother. I thought this was appropriate to the feeling of revisiting memories, so I had chinese yearbook photos flood the screen and then disappear. JUST LIKE OLD MEMORIES. I experimented a lot with the random function and tints for this one~
 * sketch 2**

For this sketch, I wanted to capture the the peaceful atmosphere. Stray dogs would just walk around the empty streets in this area all the time. So in Chinese, it says "everyday, --- the dogs walks". I then have the sky fade in between night and day. I also put in sound to reinforce the quietness of it all. The sound was very empty and airy, and you can hear a dog bark far in the background.
 * sketch 3**

Like the family sketch, there are instructions on the top left that prompt you to use the arrow keys to walk the dog. Once you start doing so, the instructions disappear. (The dog can walk both left and right, and changes its face and legs accordingly). When the dog is taken off screen, he continues on the other side of the screen smoothly

(a close up screenshot of the dog walking past the chinese words (the words fade in and out) at "night")

As a contrast to the above sketch, I thought this sketch could express the noisy, bustling nature of the streets as well! This is a night market.
 * sketch 4**

I looked at this picture and thought about what I could do to really express the crowded, loud, distracting environment. So, I had the signs light on and off and added the sound. I feel the sound was really important, because in a place like that, you cant really see much, except for lots of people and distracting lights at people's kiosks. You only hear loud conversations, and the sound of people yelling out deals, cooking, shopping, walking, etc.



I wanted to also show a little bit of a silly side to all of this as well, cause Taiwan was fun! Here, I'm in front of a mural of what seems sort of... alienish. SO I animated him, making some of his eyes blink, his mouth open and close, made his hand kind of clench and unclench my hand. Adding to it, I put in a little spaceship that flies around on the wall (you can test, he's goes behind me). If the spaceship is taking off the screen it simply continues over to the other side of the screen.
 * sketch 5**

Also, he can go diagonal if u push two arrows together (e.g. down and left).

This is the sketch I used the two Generative Geshtault(?) codes for. They are cited in the processing code as a comment.
 * Sketch 6**

Anyways, this sketch, I combined the features of two drawing tools, to make this colourful fun-time, dreamy, paint in the sky explosion. The colours chosen are random, and uh, yeah! It's fun! I tried out black and white, as mentioned before, I just wasn't crazy about it. (I was trying to be as bright as possible in this project... yet the projector never fails to have me fail)

The type for this one is live.

For your enjoyment, here is a gallery of some of the ideas I tried and failed at:
 * FAILED SKETCHES**

Fail Numero Uno: I tried 3D... I really did. I was trying to get this atrium picture spin around in a 3D... yeah nevermind. I did make some weird stuff happen though!:

Fail Numero Duo: There was this cool screen at the Expo in Shanghai, China, that had messages pop up and then get interrupted by government messages. And I wanted to do that, but I hit a roadblock with the typing in the message part as I could not find a way to change the text style when gathered from an input box.



Fail Numero Tres: I tried a thing, where you click and flowers come out. Yeah, no problems really coding it... worked fine. Just seemed real lame

Fail Numero Quatre: This was just a terrifying accident: