Exploring the collective intelligence of different places of earth.

Based on information from human's 5 fingers position projected to real-life map, it will extract geocoding, elevation, street view, and street names.

Those informations are coming from earth's which is live.

For instance, color palettes extracted from street view will be used to find / connect / interact and

create an interactive map visualization based on information of the location.

Dev Art competition was progressed as a blog so I re-generated and

copied my posts from devart.withgoogle.com here.

This page includes all the development that I've been working on.

Link to the page : Color Of World

Tools

C++, Python, OpenGL, OpenFrameworks, Google Geocoding API, Google StreetView Map API

Music by Jae Sim

Development Blog

06.10.2014

Adding feature to the latest build.

Collected colors from the map now plays different note of violin.

04.10.2014

DevArt judges have identified me as one of the Top 20 shortlist

I know that there is lot of stuff to be developed for this but it was a good experience that

the foundation idea of prototype actually was responded positively.

I will come back to this after I finish book study of collective intelligence.

03.28.2014

Deadline date.

Prototype still does not have answer about what the collected colors will be converted to.

Early type of visualization of the map is implemented with a big data that I've collected.

Below is a simple flow chart of what I used to create a big data and used to create interactive

visualization. (Click to view larger)

For instance, San Francisco, I collected location (longitude and latitude) from upper left of Golden Gate Bridge to

lower right of Oakland with distance of 0.0004.

It gave me around 65,000 locations to query with API.

That was just for San Francisco but imagine if I can get from every city or

the whole world to turn them into interactive visualization?

App is available here : Download (OSX)

'Circle Left' with point finger gesture to turn on color search from street view

'Circle Right' gesture to turn off color search from street view

'General Hand' Gesture to navigate around the map

Implemented Code : View

03.17.2014

Implementing main structures of function.

Interactive Map View with Leap but map look development is still WIP.

Right Circle Finger gesture enables color palette collect from the map's street view.

Collected Color will be stored bottom left.

Each finger detected on the map will be displayed with street view picture and corresponding color palette.

Collected color will be stored and converted into a different art form. (Not yet discovered)

App is available here : Download (OSX)

't' key to hide map and see what has been stored / drawn

'r' key to restore map

'Circle Left' with point finger gesture to turn on color search from street view

'Circle Right' gesture to turn off color search from street view

'General Hand' Gesture to navigate around the map

Implemented Code : View

03.16.2014

Re-visualize map into street view's average color.

03.11.2014

What if I connect the cities where they have similar color palettes?

Connecting cities where they have similar palettes.

Connecting more cities where they have similar palettes.

Closer look of connecting cities where they have similar palettes.

Connecting cities where they have similar palettes and give it a noise amplitude based on how they

have more variance in color palettes.

Reference sketches for look development.

03.10.2014

I like how I extract color palettes from street view where the finger is detected on

the map but it might be even more interesting to have the map to be something

interactively modified rather than just ordinary google map.

I did not want to change just color of streets with hue/saturation but visualize it in

a totally different way.

03.05.2014

Implemented interactive map view/street view based on mouse' position which

will be converted to latitude and longitude. Input (mouse) will be replaced with Leap later.

With the loaded street view, it will create a color palette.

App is available here : Download (OSX)

Implemented Code : View

03.04.2014

1 User explore the world with hand gesture (using Leap)

2 If user find an interesting location, they can lock to the map and begin to search around

3 Depend on the finger numbers that are detected, it will extract longitude and latitude

4 Pair of longitude and latitude will be used to extract street view picture

5 Each street view will be evaluated to get the corresponding average color

6 It will find most color-matched picture near the place from google search if there is enough colors to find

03.02.2014

Quick test of the Leap API and OpenGL to see how far I can have the flexibility.