The Wilderness Downtown, όταν το πείραμα συναντά τοn Google Chrome και τους Arcade Fire

από Titanas 31-08-2010 | 01:55 pm | 17 σχόλια

Hot!

The Wilderness Downtown, ένα HTML5 πείραμα με την υποστήριξη του Google Chrome και την μουσική των Arcade Fire. Ναι, πρέπει να το δείτε και να το ακούσετε γιατί δεν θα πιστέψετε τι έχουν κάνει. Η ιστορία ξεκινάει κάπως έτσι: Κλείνετε ό,τι έχετε ανοιχτό τον υπολογιστή σας. Αφήνετε ανοιχτό μόνο τον Chrome browser. Κάνετε κλικ στο thewildernessdowntown.com και συμπληρώνετε την πόλη που γεννηθήκατε (για την Αθήνα δεν παίζει το Street View). Τα υπόλοιπα θα τα δείτε επί της οθόνης αλλά να περιμένετε κάτι σαν mashup του Google Maps με 3D γραφικά, μουσική υπόκρουση το We Used To Wait και την CPU να χτυπάει κόκκινα.

Το Google εξηγεί ότι το πείραμα συνδυάζει σε πραγματικό χρόνο πολλά στοιχεί όπως procedural drawing, 3D canvas rendering, JavaScript κλπ όλα υπό την εποπτία της HTML5. Είναι ξεκάαθρο τι προσπαθούν να δείξουν με αυτή την προσπάθεια. Η HTML5 είναι το μέλλον εδώ και τώρα, μην περιμένετε τίποτα λιγότερο από αυτό την στιγμή που θα αγοράσετε το επόμενο Chrome powered tablet σας.

Αναλυτικά όλα όσα συμβαίνουν στην οθόνη του υπολογιστή σας είναι:

- HTML5 Canvas 3D engine renders a flocking bird simulation that reacts to the music and mouse
- HTML5 audio plays music and keeps track of timecode
- Sequence system controls and synchronises effects and windows to the timecode
- HTML5 video plays film clips in custom sizes
- Choreographed windows are triggered by the music and placed relative to screen size
- Map tiles are rendered, zoomed, and rotated in a scripted 3D environment
- Animated sprites are composited directly over maps and Street View
- 3D sky dome is used to render Street View with scripted camera control
- Procedural drawing tool allows the user to create velocity influenced tree branches
- Generative typeface triggered by keypress, uses an SVG path reader and individual canvas compositing for each letter
- Google Maps API for fetching dynamic routes to destination and checking Street View content at points along the route
- Street detection for animated trees composited dynamically in place over Street View
- Color correction by combining canvas blending modes to enhance contrast and tint

Τώρα καταλαβαίνετε γιατί οι developers δουλεύουν στο GPU hardware acceleration στον Google Chrome και όχι μόνο αλλά και τι μας επιφυλάσσει το μέλλον των browsers τους επόμενους 6 με 12 μήνες.