Undolog.com

Questa volta (vedi Piclens in Flash con Papervision3D 2.0) pubblico il codice (PicLens.as), ho dovuto rivedere alcune parti di codice, allineandomi così agli ultimi rilasci di Papervision3D 2.0 Great White ed ho eseguito alcuni aggiustamenti e aggiunte. Ho inserito in questa demo anche una serie di Knob, manopole, per modificare runtime alcuni parametri.

Simulazione del moto PicLens

Per avvicinarmi il più possibile al movimento orizzontale di PicLens originale, ho usato un piccolo stratagemma inserendo un "non visibile" DisplayObject3D come target per la camera:

In pratica la camera punta sempre il DisplayObject3D posto dietro la serie di immmagini. Quando la camera si muove (con un movimento accelerato/inerziale) anche il DisplayObject3D la segue, ma con un leggero ritardo. Questo mi ha permesso di rendere l'effetto di moto morbido e del tutto simile a quello realizzato su PicLens originale:

Non ho utilizzato nessun Tween, ma una più semplice e performante funzione:

Nel demo è possibile modificare alcuni parametri: focus, zoom e target. Quest'ultimo è la posizione del DisplayObject3D rispetto alle 99 immagini! Modificando questa posizione si noteranno cambiamenti nel movimento dell'intera scena.
Focus e Zoom sono invece proprietà dell'ambiente Papervision3D.

Interazione

Provate a cliccare sulle immagini...

Post correlati

• Piclens in Flash con Papervision3D 2.0 (2)
• Papervision3D: BasicView (0)
• Installare Papervision3D 2.0 Great White: TortoiseSVN (5)
• FIVe3D: effetti speciali su un cubo! In attesa di Flash 10 (2)
• Papervision3D: gestire le Bitmap come in FIVe3D (0)

Ho scritto una classe CountDown per Actionscript 3.0. Per provarla ho creato un esempio sfruttando le capacità di rendering testuale di FIVe3D.

Clicca per aprire il filmato Flash

Download sorgente

Il sorgente countdown.zip comprende sia la classe CountDown che l'esempio (CountDownDemo) in 3D scritto FIVe3D. Nell'esempio proposto è anche possibile modificare la data finale tramite un campo testo editabile. La classe CountDown verrà inserita quanto prima in Undolibrary.

Continua a leggere... »

Post correlati

• FIVe3D: effetti speciali su un cubo! In attesa di Flash 10 (2)
• Papervision3D: BasicView (0)
• Yahoo! ASTRA: suite di componenti per Flash e Flex (0)
• Undolibrary MatrixArray: un’estensione della classe Array (0)
• UMap Flash Component (Beta v0.6) (0)

Edward Smith ha sviluppato un wrapper in grado di sfruttare le API Flash e Papervision3D in Javascript! La libreria, AS3Wrapper, è compatibile con FireFox e con IE. Con Safari per Windows funziona mentre ho riscontrato problemi con Opera 9, sempre per Windows. Il meccanismo che sta alla base di questo progetto, e che rende possibile questa “magia”, è quello di includere nella nostra pagina HTML un contenitore Flash (AS3Wrapper.swf) che accetta comandi Javascript (AS3Wrapper.js), permettendo in pratica di costruire oggetti Flash direttamente da Javascript.

Continua a leggere... »

Post correlati

• Piclens in Flash con Papervision3D 2.0 (2)
• UMap Flash Component (Beta v0.6) (0)
• Rinascono gli elementi di undolog.com (2)
• PicLens in Flash con Papervision3D 2.0: parte II (13)
• Papervision3D: BasicView (0)

Sfruttando l'effetto generato da perlinNoise() è possibile creare effetti di increspatura e onde con Papervision3D.

Scarica il sorgente

Per compilare il sorgente avete bisogno sia di Papervision3D che di Undolibrary - che ora potete trovare come pacchetto ZIP direttamente nella sezione Download di Google Code.

Post correlati

• undolibrary: libreria Actionscript 3.0 su Google Code (0)
• Undolibrary MatrixArray: un’estensione della classe Array (0)
• PicLens in Flash con Papervision3D 2.0: parte II (13)
• Piclens in Flash con Papervision3D 2.0 (2)
• Papervision3D: BasicView (0)

Papervision3D 2.0 (GreatWhite) è in continuo sviluppo e sono molte le funzione che quasi settimanalmente vengono aggiunte. Ad aprile è stato inaugurato il blog dedicato agli sviluppatori (http://dev.papervision3d.org/), tuttavia, la release 2.0, non è ancora stata rilasciata ufficialemente è spesso difficile carpirne le vere potenzialità. Una delle recenti novità introdotte, comunque, è il nuovo oggetto BasicView che crea un'ambiente 3D con pochissime righe di codice. Basta infatti creare questo oggetto per avere a disposizione scena, viewport e camera in un colpo solo.

Continua a leggere... »

Post correlati

• PicLens in Flash con Papervision3D 2.0: parte II (13)
• Piclens in Flash con Papervision3D 2.0 (2)
• Installare Papervision3D 2.0 Great White: TortoiseSVN (5)
• Papervision3D: gestire le Bitmap come in FIVe3D (0)
• FIVe3D: effetti speciali su un cubo! In attesa di Flash 10 (2)

Molto probabilmente, quando uscirà la nuova versione di Adobe Flash, librerie 3D a "basso livello" come FIVe3D faranno una brutta fine! Tuttavia, prima di "cestinarle", ecco un esempio di quello che è possibile realizzare (con l'ultima release 2.1):

Il codice della demo qui sopra è abbastanza articolato, quindi non lo propongo integralmente online. Inserisco, comunque, alcune parti di codice interessanti.

Aggiornamento: per il sorgente clicca qui

Continua a leggere... »

Post correlati

• 3D CountDown con FIVe3D (4)
• PicLens in Flash con Papervision3D 2.0: parte II (13)
• Piclens in Flash con Papervision3D 2.0 (2)
• Papervision3D: BasicView (0)
• Installare Papervision3D 2.0 Great White: TortoiseSVN (5)

Aggiornamento: pare che Google si sia sbagliata e invece di scrivere Flex ha scritto Flash! Morale della situazione le API Google Maps sono state rilasciate solo per Flex e NON funzionano in ambiente Flash: a dimostrazione della confusione che questi due "branch" (Flex/Flash) stanno causando! Leggere, a tal proposito, Damn it google get it right! the google map API is for flex not flash!

Due notizie - veloci veloci - davvero interessanti! Su Adobe Labs è stata rilasciata la Beta di Adobe Flash Player 10 (Astro), con una dettagliata nota delle nuove features (da leggere!). Si comincia anche a definire il nuovo sistema per i filtri dinamici: Adobe Pixel Bender.

Google, invece, rilascia "ufficialmente" le API Google Maps per Adobe Flash.

Post correlati

• Yahoo! ASTRA: suite di componenti per Flash e Flex (0)
• WPF/Silverlight e Flash: concorrenza positiva (0)
• Widget natalizi: neve che cade in Flash (15)
• Web2.0: Gran Paradiso-Firefox 3.0 e Apollo (2)
• Web2.0: Adobe ci prova con Apollo? (2)

Partendo dall'esempio mostrato in FIVe3D: trattare le Bitmap, vediamo come realizzare il medesimo effetto utilizzando Papervision3D 2.0 (Great White), così da proseguire ad analizzare il funzionamento di questa beta Great White.

Continua a leggere... »

Post correlati

• Papervision3D: BasicView (0)
• PicLens in Flash con Papervision3D 2.0: parte II (13)
• Piclens in Flash con Papervision3D 2.0 (2)
• Installare Papervision3D 2.0 Great White: TortoiseSVN (5)
• FIVe3D: trattare le Bitmap (1)

Con la release 2.1 di FIVe3D è possibile manipolare anche oggetti Bitmap, in modo da superare l'iniziale limite di questa libreria del solo vettoriale. Se inseriamo una Bitmap in libreria e la esprotiamo in modo da poterne creare un'instanza dinamica tramite Actionscript, diventa facile creare un oggetto Bitmap3D e ruotarlo a nostro piacimento:

Continua a leggere... »

Post correlati

• Papervision3D: gestire le Bitmap come in FIVe3D (0)
• FIVe3D: effetti speciali su un cubo! In attesa di Flash 10 (2)
• FIVe3D: core 3D per Actionscript 3.0 (1)
• 3D CountDown con FIVe3D (4)
• PicLens in Flash con Papervision3D 2.0: parte II (13)

FIVe3D (Flash Intercative Vector-based) è un'interessante progetto reazlizzato da Mathieu Badimon. Ne avevo preso visione già qualche tempo fa, quando Actionscript 3.0 ancora non era disponibile. È di questi giorni, invece, un aggiornamento del package alla versione 2.1.

Continua a leggere... »

Post correlati

• Papervision3D: gestire le Bitmap come in FIVe3D (0)
• FIVe3D: trattare le Bitmap (1)
• FIVe3D: effetti speciali su un cubo! In attesa di Flash 10 (2)
• 3D CountDown con FIVe3D (4)
• PicLens in Flash con Papervision3D 2.0: parte II (13)