Wiggler

 

Μετά το Imaginality Unleashed [Wiggler vidcast Episode 8] και τα παρόμοια papervision 3D powered demos, σειρά είχε ο χώρος της διαφήμισης! Η εταιρία Mini αποφάσισε να χρησιμοποιήσει τεχνικές augmented reality για να προωθήσει το Mini Cabrio.

Στις σελίδες γερμανικών περιοδικών αυτοκίνησης όπως Auto, Motor und Sport, Werben & Verkaufen και Autobild, οι αναγνώστες έρχονταν αντιμέτωποι με την εικόνα στα αριστερά [direct pdf link].

Η εικόνα μπορεί με μια πρώτη ματιά να φαίνεται σαν μια απλή διαφήμιση, παρόλα αυτά όταν ο αναγνώστης ακολουθήσει τις οδηγίες της σελίδας, τα αποτελέσματα είναι άκρως συναρπαστικά.

Αφού ο χρήστης επισκεφτεί το website της εταιρίας, ανοίξει την webcam του και εμφανίσει την εικόνα αριστερά μέσα στο frame της webcam, ένα Mini Cabrio εμφανίζεται επί της οθόνης, full 3D, ικανό να περιστραφεί όπως επιθυμεί ο ίδιος!

Έξυπνο, αλλά ίσως ο περιορισμός σε Internet Explorer / Active X να μην ήταν τόσο καλή κίνηση after all.
Read more

 

Αν και ο όρος interactive videoclip δεν θεωρείται κάτι καινούργιο, ή τουλάχιστον κάτι που εισήγαγαν για πρώτη φορά οι Radiohead, η υλοποίηση του videoclip του “House of Cards” πρόκειται για μια ενδιαφέρουσα προσπάθεια σε αυτόν τον τομέα.

Οι Radiohead, χρησιμοποιώντας τεχνολογία 3D video capturing, κατάφεραν να δημιουργήσουν ένα interactive videoclip στο οποίο ο θεατής μπορεί να μετακινήσει την camera στον χώρο, αλληλεπιδρώντας έτσι με αυτό που κοιτάει που ουσιαστικά είναι απλά δεδομένα. Όπως λένε και οι ίδιοι στο website “no cameras or lights were used. Just data.”

Για την απεικόνιση της πληροφορίας χρησιμοποιήθηκε η βιβλιοθήκη Papervision 3D και τα δεδομένα διατίθενται ελεύθερα στον καθένα (CSV του data cloud καθώς και ο πηγαίος κώδικας), επιτρέποντας έτσι όποιον το επιθυμεί, να πειραματιστεί πάνω σε αυτή την πλατφόρμα.

 

Μπορεί ο τρόπος παρουσίασης να μην είναι εντελώς καινούργιος, παρόλα αυτά το mashup της Yahoo που χρησιμοποιεί το Papervision 3D και το RSS των Yahoo! News, φαίνεται ιδιαίτερα εντυπωσιακό!

Κάθε φορά που παρουσιάζεται ένα καινούργιο news item, που διαθέτει γεωγραφικές πληροφορίες (lat-long coordinates), υπολογίζεται σε πραγματικό χρόνο η θέση του πάνω στην Γη και τοποθετείται ανάλογα, με την camera να εστιάζει σε αυτό, περιστρέφοντας τον πλανήτη.

Για ακόμη μια φορά, το Papervision 3D αποδεικνύεται ότι καλύτερο για 3D γραφικά σε flash και η Yahoo! φαίνεται να το αναγνωρίζει! Plus, με έναν τέτοιο τρόπο, το mashup μπορεί να ενσωματωθεί σε κάθε σελίδα σαν widget (όπως σε αυτό το post)!

 

Έχοντας κάνει σχετικά posts στο παρελθόν για την πορεία ορισμένων 3D μηχανών γραφικών σε actionscript / flash, ήρθε η ώρα να παρουσιάσω τις πιο γνωστές και επιτυχημένες κρίνοντας από τα βραβεία που έχουν αποσπάσει (Papervision), από την αποδοχή τους και την χρήση τους σε ιστοσελίδες (π.χ. Το καταπληκτικό menu στο Vds-communication, που κάνει χρήση της Flashsandy).

Το Papervision 3D είναι φανερό πως πρόκειται για μια καταπληκτική μηχανή γραφικών τόσο από άποψη απόδοσης αλλά και χαρακτηριστικών και πιστεύω πως έχει ένα λαμπρό μέλλον μπροστά της κρίνοντας από τελευταία jaw-dropping demos και εφαρμογές που είδα (πρέπει οπωσδήποτε να δείτε τα Depth of Field demos που δημιούργησε ο Mr Doob).

Το Away3d πρόκειται για μια ολοκληρωμένη μηχανή γραφικών (με υποστήριξη normal mapping, enviromental mapping, μηχανή φυσικής) σε Flash που την καθιστά κατάλληλη στον οποιονδήποτε θέλει να ασχοληθεί σοβαρά με αυτό τον τομέα. Το μόνο drawback της όλης υπόθεσης είναι πως πρόκειται για ένα αρκετά “βαρύ” πακέτο χωρίς να είναι απαγορευτικό στις απαιτήσεις μνήμης και CPU από τον client.

Τέλος μια ακόμη μηχανή είναι το Flashsandy το οποίο είναι αρκετά lightweight και συνίσταται για την κατασκευή μικρών games. Το Flashsandy μπορεί να μην φαίνεται αρκετά καλό μπροστά στα 2 προηγούμενα, παρόλα αυτά, τα tutorials, τα demos & το support είναι αρκετά για κάποιον που θέλει να ασχοληθεί!

Να σημειώσω πως και οι 3 μηχανές γραφικών είναι opensource και ο κώδικας τους διατίθεται ελεύθερα στα αντίστοιχα sites.

 

Δοκίμασα χθες μια προσπάθεια visualization των twitters από τον ίδιο τον δημιουργό, που φέρνει το όνομα Twitter Blocks.

Το Twitter Blocks πρόκειται για μια 3D αναπαράσταση των τελευταίων ενημερώσεων από τις επαφές σας, μαζί με τις επαφές των επαφών σας (όχι ευτυχώς δεν συνεχίζει και άλλο το iteration) σαν “σκαλιά” (ανάλογα με την ώρα που γίνονται) που μπορείτε να περιστρέφετε, να κάνετε click και pretty much αυτά! Θα προτιμούσα να φαίνονταν τα updates τουλάχιστον με mouse-over για να μην χρειάζεται να κάνω click back’n'forth συνέχεια, αλλά ας μην ζητάω και πολλά.

Μπορείτε να δείτε την public timeline με αυτό τον τρόπο αλλά και το δικό σας Twitter Block βάζοντας στο url http://explore.twitter.com/blocks/#twitter-username-here (για παράδειγμα για τα δικά μου twitters είναι http://explore.twitter.com/blocks/#stelabouras ). Σε αυτή την περίπτωση τα δικά σας twitter updates θα έχουν γαλάζιο χρώμα και των (άμεσων) επαφών σας, πορτοκαλί.

Σε γενικές γραμμές, το Twitter Blocks είναι καλό αν θέλετε λίγο να χαζέψετε αυτή την 3D οργάνωση, αλλά κατά τα άλλα…όχι και τόσο χρήσιμο! Έχω κάνει embed το public timeline Twitter Block μέσα σε αυτό το post για να καταλάβετε πως φαίνεται το όλο θέμα σε πιο μικρές διαστάσεις!

Update: Το Twitter Blocks δημιουργήθηκε με την καταπληκτική 3D μηχανή γραφικών για Flash, Papervision3D στην οποία είχαμε αναφερθεί και παλαιότερα.

 

Για το PaperVision 3D είχα αναφερθεί και παλαιότερα, όταν έκανε τα πρώτα του βήματα ως μια 3D μηχανή γραφικών σε Flash. Από τότε μέχρι σήμερα έγιναν αρκετά βήματα στον σωστό δρόμο και έχει φτάσει σε αρκετά ικανοποιητικά επίπεδα, τόσο που χρησιμοποιείται πλέον και ως μέσο προώθησης του νέου Audi A5!

Στην σελίδα του Audi μπορείτε να “ζωγραφίσετε” τις δικές σας καμπύλες, να δείτε μια 3D αναπαράσταση του αυτοκινήτου με απλές γραμμές και να σώσετε τις δημιουργίες σας, να δείτε τις υπόλοιπες και να τις κατεβάσετε ως wallpapers ή screensavers.

Κρίνοντας από την δουλειά που έγινε στο τεχνικό κομμάτι πρέπει να δώσω συγχαρητήρια στους προγραμματιστές και τους modelers για όλη την προσπάθεια!

 

Πριν κάποιους μήνες είχα παρουσιάσει κάποια 3D παραδείγματα από τις δυνατότητες του Flash τα οποία μπορώ να πω πως βρίσκονταν σε αρκετά πρώιμο στάδιο. Η εταιρία Get Out Smart φαίνεται να προχώρησε αυτή την ιδέα, υλοποιώντας μια 3D μηχανή γραφικών για Flash που ενσωματώνει Flex Interface Components, αρκετά ελαφριά που μου κέντρισε το ενδιαφέρον!

Η εταιρία, σύμφωνα με δηλώσεις της, αυτή την στιγμή κατασκευάζει ένα online 3d περιβάλλον μέσα στο οποίο οι χαρακτήρες θα μπορούν να μιλάνε και να αντιδρούν…*γκούχ* Second life time to evolve? *γκούχ* και όλα αυτά χωρίς να κλείσετε τον browser ή να τον “γονατίσετε” (για το τελευταίο θα έχω τις επιφυλάξεις μου μέχρι να δω το τελικό αποτέλεσμα)!

Μπορείτε να δείτε ένα demo της μηχανής στην σελίδα της Get Out Smart, που περιέχει video, ui components και slideshows όλα υλοποιημένα ως “οθόνες” στον τρισδιάστατο κόσμο της εφαρμογής!

 

  At last λοιπόν, το Flash υποστηρίζει rendering 3d αντικειμένων, μέσω της PaperVision 3D, μιας high-performance 3D rendering engine για Flash 8 και 9!

Τι σημαίνει αυτό? Ότι πλέον μπορούμε να βλέπουμε (όπως και σε αυτό το post απο ότι θα παρατηρήσετε) 3D models με textures χωρίς extra plugins, 3d visualizations και πολλά ακόμη! Στο Todo list της μηχανής μπορώ να δώ αρκετά features που ετοιμάζονται (motion blur, lighting, double buffering, depth shading) που όταν υλοποιηθούν, τα in-browser 3d flash games θα ανθίσουν σίγουρα! Για να μην αναφέρω τι μπορεί να γίνει στις handheld συσκευές (smartphones, pocketpcs, κ.α.)!

Read more