[Nature of Code] Segmented Memories

You can download the sketch here: segmentedMemories

My final ended up to be slightly different from what I had initially proposed.

Now, 15 creatures are wandering on a screen, illuminating an image/memory that is hidden behind.
You can only view the parts of the memory as the creature wanders upon it.

Creatures are contained in an array list. Each creature is calling 6400pixels surrounding itself and brightening the pixels. With significant help from Professor Dan Shiffman, I had to constrain to call just the surrounding of the creatures because the frame rate drops to under 10 when not constraining the limit.

I have referenced the “separation and seek” example, which can be viewed below.

Next step is to let the creatures wander closer to each other, letting a bigger part of the memory get exposed.

 



[Nature of Code] Final Idea

I wish to make creatures that are attracted to a certain color. Once the creature reaches the color, the color will be sucked out by the creature.

These are the visuals I decided to work on.

1. Image before the creatures attack color.

2. Creatures being attracted to color.


 

 

 

 

 

 

 

 

2-1. Working on the behavior of the creature.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Image after color is sucked out.

**** One more thing!! *****

I like the idea of a peek hole, where you have to look into and discover the creatures moving around.  (or maybe more like  lighting a flashlight into darkness.) So, in the end, I wish to add a layer of black and have a distance around the mouse to have it transparent in order to let the viewer navigate over the image via mouse.



Mobile Web : Final

Presentation : MobileWebFinals
Application file: arts


Nature of Code : Midterm

I was inspired by this wonderful project, making Van Gogh’s Starry Night an interactive animation. You can see more of this project’s description here.


Based on this inspiration, for midterm I decided to start a project with an artwork “Town in Town” by Hundertwasser.

 

 

 

 

 

 

 

 

 

I imaged the particles in the sky flying around affected by an Attractor force. As for the bottom part, drawing several different versions of houses using the polymorphism and giving them a behavior (in the super class) of bouncing off of each other.

 

I have referenced several class examples such as “motion101_acceleration1″, “_03forces_with_angularmotion” and”seperation”.

Here are some screenshots of the process.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

This is a screen shot of what I have accomplished. You can click on the image to link to the actual sketch, however sometimes the sketch runs extremely slow.



Mobile Web: week4

Here is the zip file of my application in process: artForYouApp

1. Adding console.log at the beginning of each function.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.added “deviceready” listener.

3. Did not fully understand the instructions…

4. Made the buttons on the main page Notifications.

 

 

 

 

 

 

 

 

 

 

 

 

 

5. Have made progress in building second page using the tabs. Here are screen shots of each tab.

 


 



Mobile Web: Week3 Mobile Application progress

File of this assignment is here: artForYouApp

Not being too familiar with HTML and javascript, I started with the splash screen.

 

 

 

 

 

 

 

 

 

 

 

 

This is somewhat similar to what I had designed before. I tried to position the text of the header “ARTs” as ‘line-height’ but that code wasn’t applied. I also wanted the buttons to be longer in width.

If you press the Login button, you are noticed to enter your ID (for now).

 

 

 

 

 

 

 

 

 

 

 

If you press ‘Join’, there will be a pop up welcoming you.

 

 

 

 

 

 

 

 

 



Mobile Web : Week 3 Javascript exercise

Success through the “Document Object Model” !

“Events”



Mobile Web : Interface Design sketch

Application first page.

 

 

 

 

 

 

 

 

My List Tab : There should be a tab for browsing and viewing through the artworks that are in the database. Selected artworks will be saved in this tab (My List) creating your own list of artworks.

 

 

 

 

 

 

 

 

Recommend Tab : There will be a recommendation generated based on the artwork or artist the user has selected. The recommendations are given by the genre. (for now) They can be viewed sorted by artists, genre or time period.

 

 

 

 

 

 

 

Openings Tab : Based on the Recommendations, there will be a list of Openings that are coming up. The user can make an alert for a Opening he/she is interested in. Also the image will be linked to the gallery homepage leading the user to browse for more information.

 

 

 

 

 

 

 

Possible Fonts

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



HTML5

week2

 

 

 

 

 



Mobile Web : Project proposal

My interest in the arts and to combine it with technology is my primary goal.

‘A genius for art works.’

I plan to make an app that you can find art works that you like or interested in, and by those selected art works the app will recommend artists and art works you may find interesting. The location of the art piece of where it is being displayed will also be mentioned.

- Similar apps

Art :

Can view famous art works, save to your gallery,

make your own list of artworks.

Can extend to the web site to learn more about them.

can download.

Parental control.

Animated slide show,

Quiz game.

Most expensive art section.

 

NY Art Beat:

Nearby map to find events within walking distance

Most popular list to find out what’s hot right now

Bookmark and invite friends

600 exhibitions sorted by popularity, media, area or days to end

Map, directions and opening times that help you get there in one place.

 

- How is mine different?

Recommendation of artists you wouldn’t have known and an alert of an exhibition you are interested in.