top of page

A Window to the World

Being admitted to NYU and starting the ITP program, revolutionized my programming experiences as creating an appealing visual output has been the common feature in almost all of my art-tech projects so far. The feeling of playing with colors and shapes while making my favorite sketch with syntax and code structures was so pleasant.

I continued to expand my learning and do programming in p5js and have the exciting experience of simulating physical objects while taking the course “the Nature of the Code”. The final project of this course was an interactive project called “The Window to the World”. As the code runs, users click on the closed window and it opens to a picture of a city that randomly appears in the frame of the window.

 

The concept focuses on the wholeness of the world, implying that a person can connect to the entire world and its people through this window.

I started the project with simulating snowflakes. I applied gravity, wind and force for having snowflakes as natural as possible. Then, I found a photo from the internet related to a city to keep in the background.(Central Park in Manhattan)

In the next step, I designed the UI of the project. I found a photo from a beautiful window on the internet and then using Adobe Photoshop, I changed the photo into something useful for my project. I made a closed and open version of that window too.After that step, I searched the internet for photos of different cities around the world in winter. Collecting them,  I coded the interaction. As the user clicks on the window, it will open to a city having snowflakes too.

You can find my code in my GitHub repository : zz1971

As a digital storyteller I tried to use UI designing combined with coding to tell a story of traveling around the world beyond the geographical boundaries. This is much more focused in coding compared to other projects in my portfolio.

A Window to the World

A Window to the World

Play Video

Video Documentation

Here you can see the progress process visually.

1
3
2
4
5
6
7
bottom of page