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

by Stefanos Kofopoulos • On 31-08-2010 • AT 1:55 pm • 17 ΣΧΟΛΙΑ
Internet

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

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 μήνες.

CareerNet.gr: Βρείτε τώρα τη δουλειά που σας ταιριάζει!

17 ΣΧΟΛΙΑ

  1. Φοβερό. Το δοκίμασα με Νέα Υόρκη. Πολύ έξυπνη και καλοφτιαγμένη ιδέα.

    • Και εγώ Νέα Υόρκη έβαλα.τέλειο,πολύ έξυπνο και μας δίνει μια πολύ ωραία γεύση για την html5

  2. Πολύ ωραίο! Επίδειξη δύναμης/δυνατοτήτων από τα παιδιά της Google και εισαγωγή στο τι μπορεί να κάνει ένα Web App στο Chrome OS.

    Έβαλα Denver (Colorado) καθώς μου έχει κολλήσει αυτό το μέρος για ανεξήγητους λόγους :P

  3. Χαραμισα την ωρα μου τζαμπα

    • why;

      • Στην εταιρεια που δουλευω γραφουμε Bing Maps εφαρμογες. Το να βαλεις μερικα δεντρα να φυτρωνουν στο κεντρο της Νεας Υορκης και πουλια να πετανε στον ουρανο ειναι δυο clicks.
        Τι μενει? Το οτι μεταναστευουν μερικα γραφικα απο το ενα παραθυρο στο αλλο? Τετοια demos υπαρχουν στο web εδω και παρα πολυ καιρo και φυσικα δεν ειναι chrome exclusive.
        Προτεινω να μετονομαστει το site σε googleola

      • Όταν κυκλοφορήσει ο Internet Explorer 9 και μπορεί να κάνει όλα αυτά με το μερίδιο αγοράς που έχει ο Chrome τότε να το συζητήσουμε ξανά. Προς το παρόν ο IE9 είναι σε technology preview μόνο με μερικά demo που έχουμε καλύψει αναλυτικά εδώ.

        To όνομα pestaola.gr μας αρέσει καλύτερα :)

      • Σε ποιο σημειο ανεφερα τον Internet Explorer 9 γιατι δεν το βρισκω

      • Στο σημείο που πρότεινες την αλλαγή του ονόματος και λίγο πριν στο Bing Maps

      • Λυπαμαι που θα σε εκθεσω στα ματια ολων αλλα το Bing Maps δεν ειναι IE exclusive.
        Οσο για τα μεριδια του IE την τελευταια φορα που ελεγξα ειχε τους αλλους browsers για σφουγγαροπανο. Δες καμια στατιστικη

      • Προς θεού, ποιος είπε ότι είναι IE exclusive. Είναι Microsoft powered και είναι εμφανής η αδυναμία που έχεις στην MS (πολύ καλά κάνεις). Το να θάβεις όμως οποιαδήποτε άλλη προσπάθεια δεν το βρίσκω καλό. Ίσα ίσα που κινήσεις εντυπωσιασμού σαν αυτή ανεβάζει την ΗTML5 πιο ψηλά και μας πάει πιο κοντά σε standards

  4. wow! Πολύ εντυπωσιακό και έξυπνο! Εμένα πάντως κατανάλωνε 500MB απο την cpu

  5. Ήταν κάτι σαν ταινία… εσύ απλά του πληκτρολογείς ποια πόλη θες…και εκείνο στο κανε interactive φιλμάκι!!! Έβαλα Πράγα(ήμουν 6 μήνες εκεί)…και έχω μείνει με το στόμα ανοιχτό!!!

  6. Κορυφαίο, μάλιστα το δοκίμασα με Firefox 4 beta 4 που υποστηρίζει HTML5.
    Πολύ καλό !

  7. Μετανιωσα για την επιθεση μου και ζηταω ειλικρινη συγνωμη. Θελω να το κανω δημοσια εδω στα comments.
    Το pestaola ειναι απο τα αγαπημενα μου sites και το ελεγχω καθημερινα.
    Συγνωμη Στεφανε και αναγνωστες

    • Περίεργο πως άλλαξες έτσι γνώμη. Σου έκανε brainwash; :p

      • titana μπορείς να μου πείς τί τους κάνεις;όχι τίποτα άλλο θέλω να το χρησιμοποιήσω κυρίως στην κοπέλα μου…

Top

Show Buttons
Hide Buttons