SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

Augmented Reality e il Web

a cura di

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

c o m i n c i a m o c o n l a d o m a n d o n a . . .

COS’E’ LA REALTA’ AUMENTATA (AUGMENTED REALITY)?

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

c i t a n d o Wi k i p e d i a :

“La realtà aumentata è l’inserimento di livelli virtuali ad

un flusso video che riprende la realtà di tutti i giorni”

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

q u i n d i . . .

+ =

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

w o w, c o m e p o r t i a m o t u t t o q u e s t o s u l w e b ?

Grazie a FLASH PLAYER!

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s c o m p o n i a m o i n d u e p a r t i i lf u n z i o n a m e n t o :

Hardware & Software

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

h a r d w a r e

Prima di tutto abbiamo bisogno di un simbolo da far riconoscere al

software, in gergo chiamato “marcatore”

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

h a r d w a r e

Il marcatore è una forma semplice monocromatica che funge da interruttore per “accendere”

la realtà aumentata

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

h a r d w a r e

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

h a r d w a r e

Il marcatore può essere distribuito in forma stampata (cartoline, fogli,

adesivi, ecc..) o digitale (su cellulari, smartphone)

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

Con quali software possiamo sviluppare applicazioni web in

realtà aumentata?

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

Con i principali IDE per Flash/AS3

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

e basta?

... no ci serve una libreria per la Realtà Aumentata!

Ne abbiamo addirittura 2 per AS3:

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

FLARToolkit & FLARManager

PS: entrambe gratuite!

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

Abbiamo finito?Ehm no... dato che AR è una tecnologia che lavora sulle 3

dimensioni, serve conoscere delleliberie 3D per Flash/AS3

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

Da qualche anno girano varie librerie 3D per Flash/AS3, come:

Papervision3D, Away3D, Alternativa 3D...

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

... necessarie, e di fatto incluse nelle librerie, per lavorare con la Realtà

Aumentata, specie se vogliamo importare modelli tridimensionali!

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

s o f t w a r e

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

w o w ! m a c o m e s i i m p a r a ?

sul web le risorse non mancano!

mikkoh.com (Mikko Haapoja)gotoandlearn.com (Lee Brimelow)

flash.tarotaro.org (TaroTaro)saqoosha.net (?)

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

m a p e r c o s a u s i a m o t u t t o q u e s t o ?

Attualmente AR sta riscuotendo successo nelle campagne di

marketing virale per offrire nuove esperienze interrative con i brand

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

m a p e r c o s a u s i a m o t u t t o q u e s t o ?

Fuori dal web si sperimenta AR nei videogiochi, nelle informazioni

turistiche e commerciali...

ma attualmente ogni porta è aperta!

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

r i c e t t a “ R e a l t à Au m e n t a t a” :

- uno o più marcatori- uno sviluppatore AS3- software sviluppo AS3- libreria FLARToolkit- una libreria 3D AS3- modelli in 3D (opzionale)- un po di fantasia!

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

e t u t t o q u e s t o p u ò “u s c i r e” d a l b r o w s e r g r a z i e a d A d o b e A I R

Per approfondimento su AIR rimando al talk di Luca Mezzalira

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

l i n k a u m e n t a t i :

augmentedworld.itge.ecomagination.com/smartgrid/

iamironman2.com/uk/punto-soft.com/realta-aumentata/

SalvatoreLaisa.netI N T E R A C T I V E   D E S I G N E R

GRAZIE!m o e b i u s m a n i a . n e ts a l v a t o r e l a i s a . n e t

m o h o l e . i t