Come creare proprio video sulla realtà aumentata – Howto semplice in italiano
Scritto 12 ottobre 2009 – 22:10 in: Tutti
|
Con questo tutorial vi spiegherò come sono riuscito a fare questo: Scarica e Stampa questo foglio e mostralo alla tua webcam in questa pagina:
www.webtorbe.it/realtaaumentata
Come realizzare tutto questo
Iniziamo con i programmi da scaricare:
Papervision3D at Google Code (versione .zip)
Adobe Flex (qui puoi avere product key gratis e originale) cliccate a fianco su Download Flex Builder 3 trial
Finchè aspettate il download di 450 MB di Adobe Flex potete sbizzarrirvi per creare il vostro quadrato personalizzato che verrà usato per creare la realtà aumentata!
Questo è il mio: Scarica e Stampa
Ok una volta scaricato tutto questo bisogna installare Adobe Flex 3
Aprire e installare MakeGenerator.air
Una volta aperto il programma usare la webcam per salvare il pattern del vostro quadrato personalizzato.
Lo salveremo con il nome di marker.pat per non avere problemi più avanti
Adesso unzippiamo Papervision 3D in Documenti>Adobe>Actionscript
Ok adesso decomprimete il file libspark.rar t.zip in Documenti\Adobe\Actionscript\org.
La cartella org dovrebbe essere come da screenshot
Adesso siamo pronti ad iniziare il nostro Progetto in Adobe Flex.
Apriamo il programma Adobe Flex 3, creiamo un nuovo progetto Actionscript, lo chiamiamo AugReality, click su Next e come cartella (Add a Folder) Selezioniamo la cartella ActionScript (In Documenti\Adobe\ )
Adesso scaricate questo ultimo zip contenente 2 file: download
I file camera_para.dat e podcast_logo.png dovete trascinarli all’interno della src.
Fate la stessa cosa con il file marker.pat (quello creato in precedenza con il marker generator)
Il file AugReality.as è il sorgente del file che è già stato creato. Un copia incolla semplice e ci siamo!
Il vostro workspace dovrà essere come questo qui sotto:
Ok adesso in alto cliccare su Run>Run AugReality e partirà la nostra applicazione!
Se tutto va bene dovrebbe iniziare la vostra applicazione con un cubo attorno al quadrato del foglio
Per mettere online questa applicazione basta copiare la cartella bin-debug all’interno del progetto.
Su Xp la cartella è in C:\Documents and Settings\%USER%\My Documents\Flex Builder 3\AugReality\bin-debug
Se qualche passaggio non fosse chiaro o se ci fossero errori nella guida non esitate a lasciare un commento!
Via | Tinkernut.com
Abbonati ai feed RSS di questo sito
Forse potrebbe interessarti questo:
Post Simili
68 Commenti
Ciao,
mi chiamo Antonio, faccio il consulente informatico, gironzolando sulla rete sono finito sul tuo sito web.
Intanto complimenti, per i tuoi lavori e per aver avuto la pazienza di realizzare dei tutorial.
Tra i tuoi articoli, ho trovato quello sui biglietti di realtà aumentata, ho seguito il tutorial passo passo e funziona perfettamente.
Però, sul mio pc fisso con Vista funziona (firefox, chrome, explorer) , ma sul mio macbook non funziona ( ho provato anche su di un altro mac).
Ero curioso di sapere se hai esperienze in merito. Ho già verificato la versione di flash installata sul mac ed è l’ultima disponibile.
Hai qualche idea? Sarà mica qualche limite imposto sulla webcam dei mac (privacy)
Intanto grazie in anticipo, e ancora complimenti per le tue iniziative
Antonio
Le altre applicazioni flash la vedono la webcam? O al massimo prova a cliccare sopra con il tasto destro sul flash e guardare se c’è qualcosa di strano nelle impostazioni! Fammi sapere!
Ho fatto un post apposito!
http://www.webtorbe.it/2009/10/mac-os-x-leopard-come-vedere-webcam-nei-video-flash-e-sulla-realta-aumentata/
io non ho questa cartella Documenti\Adobe\Actionscript\org dove metto il flartoolkit?
grazie
crei la cartella org e ci devi mettere dentro la cartella ibspark. Guarda le foto che possono aiutarti!
ho seguito tutto il tutorial ma nn so per quale motivo nn mi funziona
Ma cos’è che non funziona?
non mi parte la web cam, si apre il browser (con uno sfondo azzurrino). in flexbuilder vedo tutte le righe di codice come nei tuoi screenshot. l’unica cosa che non avevo era la cartella adobe nei documenti adesso l’ho fatta e messo dentro lo starterkit. nel pomeriggio riprovo a fare tutto un’altra volta.
grazie del supporto
Ciao,
ho seguito i vari passaggi ma alla fine lacinado run mi parte una pagina azzurrina senza che si veda nulla…
ho queste segnalazini a riga 14 e 15
import org.libspark.flartoolkit.pv3d.FLARBaseNode;
import org.libspark.flartoolkit.pv3d.FLARCamera3D;
e ueste a riga 53 e 54
HELP!
private var ar_3dcam:FLARCamera3D;
private var ar_basenode:FLARBaseNode;
Hai la cartella Documenti>Adobe>Actionscript>org>libspark>flartoolkit ?
e che file hai dentro?
io ho questi file
http://img141.imageshack.us/img141/135/augreality.jpg
Ah ma le ‘segnalazioni’ sono dei warning?
come si apre il file .air? con adobe??? (non ho ancora scaricato tutto e sono molto impaziente,quindi nn ho visto se eventualmente si apriva con flex)
Con flex!
ciao! la cartella src è quela che si trova all’interno della nuova cartella creata sul desktop?
@ jacopo
si!
Grazie! Ora funziona tutto!
E se volessi sostituire al cubo una mesh qualsiasi?
Grazie ancora
Ci sto lavorando… A giorni posto una guida per mettere qualsiasi oggetto in 3D..
stay tuned!
Grande!
Nel frattempoci prova anche io.
Buon lavoro…
Molti complimenti per i tuoi lavori e per questo tutorial che trovo immensamente interessante.
Non sono un grande esperto di programmazione, ma ho cercato di capire quello che spieghi e di seguirlo passo passo.
Sono pero’ arrivato ad un errore al momento di fare girare l’applicazione: dice “This file cannot be launched”.
La mia situazione è quella fotografata:
http://img263.imageshack.us/img263/9049/immagineeq.jpg
Mi sai aiutare?
grazie!!!
Carlo
Mi mandi lo screenshot di quando ti viene quel messaggio?
Perchè se hai copiato giusto non dovrebbero esserci errori.
Probabilmente hai dimenticato di copiare qualche file…
Ho risolto!
Sbagliavo io a creare il nuovo progetto, creavo un nuovo Flex project invece di un ActionScript, per cui non corrispondevano i tipi di codice.
Grazie di nuovo!
ciao!
PS. sono curiosissimo su come si possano usare altri oggetti 3D!!
Ciao, innanzitutto i miei complimenti per la guida e la disponibilità a condividere con tutti i tuoi studi/esperimenti
Seguendo il tuo tutorial purtroppo mi sono arenato fin troppo presto…
ti chiedo quindi se ti sia capitato e se hai/avete una soluziona da darmi:
“Una volta aperto il programma usare la webcam per salvare il pattern del vostro quadrato personalizzato”
Ho installato Adobe Air, installato ARToolKit Marker Generator, ovviamente collegato la webcam, ma nella pagina del programma, pur selezionando dal menu a tendina la webcam, non compare nessuna immagine, nessuna ripresa, quadro completamente nero (http://img5.imageshack.us/img5/3862/errorey.jpg)
PC – Vista
Potete aiutarmi? Grazie in anticipo
Non riesco a vedere l’immagine da imageshack…
Prova su un PC con windows XP!
O eseguire ARToolKit Marker Generator come amministratore!
Ciao Claudio e grazie per la prontissima risposta
In attesa di un reply ho fatto proprio così sul mio PC di casa (con XP) ed effettivamente tutto fila liscio, tranne la texture del cubo, mi carica un cubo nero.. forse un problema di percorsi?
nel codice Flex ho questo
ar_bitmap = new BitmapFileMaterial(“podcast_logo_sm.png”)
e il file podcast_logo_sm.pgn è nella medesima cartella src come da tuo tutorial
P.S.: io clicco sul link di imageshack e vedo l’immagine normalmente (?!)
Grazie ancora per il tuo aiuto
ehi io ho letto podcast_logo_sm.pgn.
Comunque se il file podcast_logo_sm.png è nella stessa cartella di AugReality.swf non può non caricarlo!!
ops… è stato un errore di battitura
il file sul pc si chiama però correttamente;
mh… farò ancora qualche tentativo e se riuscirò a capire il perchè dei due problemi (VISTA e texture non caricata) posterò qui la soluzione, potrebbe essere utile ad altri
grazie
Ciao, bel tutorial!
Hai provato a usare più di un marker con FLARManager? Riesco a far riconoscere più di un marker ma non riesco a caricare il modello su un secondo marker :-S
Hum interessante!
ciaoo!
Appena finisco la figura 3D provo anche con una figura per ogni marker!
finalmente oggi funziona tutto!!!! il bello è che ho riaperto il progetto e come per magia la webcam è partita.
mhm… ora non riesco a compilarlo, cioè, la comopliazione mi va tutto bene, ma appena cerco di far ‘partire il file mi dice che non trova il marker :-S
Ho provato di tutto ma non funziona >_>
è nella cartella src il marker?? riesci a postare una foto dell’errore?
Ecco l’errore:
Ho provato tutto, a spostare il marcatore, a spostare i file, a cambiare il percorso dal sorgente.
http://img260.imageshack.us/img260/9016/flarmanager.jpg
Aggiungo anche che se lo lascio nella sua cartella originale, dove sta tutto il progetto l’errore non me lo da, mi da questo errore solo se pubblico la cartella inetera in un sito o se sposto la cartella sul desktop (o altri percorsi che non siano l’originale)
Se hai tempo possiamo sentirci da qualche parte?
sono su Gtalk: davidemo89[at]gmail.com
e su google wave: davidemo89[at]googlewave.com
Graize
PS: uso FLARManager (che è più facile da usare e da impostare) però, non FLARToolKit
Quale cartella sposti?
Sposto la cartella
bin-debug
come consigli nel tuo tutorial
Mi sembra strano! Comunque quello sembra un problema che non rileva la webcam.
Prova a seguire questo: Link Va bene anche su Winzoz
mhm… la webcam funziona perfettamente (ho attaccato una videocamera, ma funziona come webcam).
Se è un errore di webcam provo su un altro computer, (domani ormai). Grazie per il consiglio, domani ti saprò dire.
Mi viene un errore alla riga dove c’è scritto public. come posso fare?
Grazie
Hai fatto un progetto ActionScript vero?
Si, ActionScript project, dopo vari tentativi non mi da più l’errore, ma mi dice “the file cannot be launched”.
Sei su vista?
Ciao….ho seguito tutte le istruzioni e flex non mi da nessun errore…quando premo run si apre una pagina vuota di internet explorer con uno sfondo blu e la webcam non si attiva…mi sai aiutare?
Grazie mille
ciao ho trovato il tutarial utilissimo,ho un solo problema:mi manca il percorso DOCUMENTI/ADOBE….ho provato a crearlo io ma non funziona.come faccio a trovarmi la cartella Adobe in documenti?
ciao
@edoardo: usi windows vista
@vincenzo: non dovrebbe essere un problema il percorso. Io l’ho specificato per semplificare la guida. Che errore ti viene?
no xp….
@edoardo:
Prova a seguire questa guida:
http://www.webtorbe.it/2009/10/mac-os-x-leopard-come-vedere-webcam-nei-video-flash-e-sulla-realta-aumentata/
va bene anche per xp!
Ok grazie….adesso la webcam funziona ma non compare il cubo…ci sarà qualche impostazione sbagliata quindi lo proverò a rifare da capo…grazie ancora
ciao! ottimo tutorial grazie! volevo chiederti se sai se è possibile far partire il video in Air invece che attraverso i browser!!?
ciao grazie
ste
Ma per test o per creare una applicazione Air?
per usarlo come applicazione air…
Ciao..
MI capita anche a me la schermatina azzurra eppure ho fatto tutto come si deve ho vista 64.. e mi sto innervosendo perche non funziona ho provato a farlo una decina di volte ma sempre la schermata azzurrina.. come mai..?
Hai provato su un altro PC?
funziona ora
ma la sfera non capisco dove importarla in quale cartella src..
nel programma flex o nella nuova cartella creata sul desktop..?
mettendo il file dae nel flex mi esce sempre il cubo che ruota..
iO non ho ne il file FLARToolKit-Starter-Kit.zip e nemmeno la cartella Archive
Ciao, prima di tutto complimenti per il tutorial.
Io tuttavia ho seguito tutti i passi ma alla fine mi compare una schermata azzurrina e poi il vuoto.
In fase di installazione, quando ho creato la nuova cartella sul desktop e scaricato i file da http://www.libspark.org/svn/as3/FLARToolKit/trunk/
alla fine nella cartella erano presenti le sottocartelle
.settings
examples
libs
resources
src
ma nessuna cartella Archive contenente il file FLARToolKit-Starter-Kit.zip
Invece nella cartella src/org era presente il file libspark che ho esportato nella cartella Documenti/Adobe/Actionscript/org
procedendo nel tutorial dopo aver collocato anche i file camera_para.dat e podcast_logo.png e sostituito il file AugReality.as nella schermata di Flex mi compaiono 6 errors:
1046: Tipo non trovato o non è una costante della fase di compilazione: FLARBaseNode (nella Path AugReality/src)
1046: Tipo non trovato o non è una costante della fase di compilazione: FLARCamera3D (nella Path AugReality/src)
1172: Impossibile trovare la definizione org.libspark.flartoolkit.pv3d:FLARBaseNode (nella Path AugReality/src)
1172: Impossibile trovare la definizione org.libspark.flartoolkit.pv3d:FLARCamera3D (nella Path AugReality/src)
1180: Chiamata al metodo non definito FLARBaseNode (nella Path AugReality/src)
1180: Chiamata al metodo non definito FLARCamera3D (nella Path AugReality/src)
è palese che mi mancano dei file. Ho provato a cercarli e sono presenti nella path:
libspark/flartoolkit/support/away3d
libspark/flartoolkit/support/away3d_2
libspark/flartoolkit/support/pv3d
libspark/flartoolkit/support/sandy
Puoi aiutarmi? magari inviandomi i file?
spero di essere stata chiara nella spiegazione.
Grazie in anticipo
Probabilmente hanno cambiato i sorgenti.
Quando ho un minuto faccio l’upload di quel file sul mio sito!
attendo con ansia…
Ecco la cartella libspark:
http://www.webtorbe.it/realtaaumentata3d/libspark.rar
Ciao scusami ma purtroppo devo disturbarti ancora.
ho provato a sostituire la cartella libspark.rar con quella che hai postato adesso gli errori sono cambiati ma sono sempre sei.
ecco i dettagli:
1017: Impossibile trovare la definizione della classe base FLARDoubleMatrix33 (in libspark/flartoolkit/core/transmat/rotmatrix)
1017: Impossibile trovare la definizione della classe base FLARDoubleMatrix34 (in libspark/flartoolkit/core/param)
1017: Impossibile trovare la definizione della classe base FLARDoubleMatrix34 (in libspark/flartoolkit/core/transmat)
1046: Tipo non trovato o non è una costante della fase di compilazione: FLARIntSize (in libspark/flartoolkit/core/raster)
1172: Impossibile trovare la definizione org.libspark.flartoolkit.core.types:FLARLinear (in libspark/flartoolkit/core)
1180: Chiamata al metodo non definito FLARLinear (in libspark/flartoolkit/core)
chiaramente tutti i file sono presenti.
Puoi aiutarmi?
Ma sono gli stessi errori di quando non c’era la cartella?
Quale sistema operativo hai?
no come puoi vedere nei post gli errori sono su file diversi.
sistema operativo Vista.
Ciao,
ho bisogno di aiuto….
Ho installato Flex Builder, ma poi mi sono fermato…
come installo il Make Generator???
Io ho creato il project Actionscript ma poi non riesco ad andare avanti.
Aiuttoooooo
ciao mi chiamo raffaele volevo praticare il tuo tutorial ma quando clicco su libspark mi rimanda ad una pagina dove non ce nessun file da scaricare…
ti ringrazio in anticipo
@raffaele
Scusa ho corretto il link
@Luca
per installare Make Generator devi avere installato Adobe Air ovviamente.
Altrimenti non vai avanti!
Ciao!
che dire complimenti! vedere la tua giovanissima età e tutto quello che combini…….complimentoni! ho seguito tutto quello che dicevi nel tutorial solo che all’atto di far partire il tutto vine fuori una schermata in cui è scritto:
“Flex Builder cannot locate the required version of Flash Player. You might need to install Flash Player 9 or reinstall Flex”
“Do you want to try to run your application with the currient version?”
Allora presupponendo che non è un problema di Flex (mi funziona bene) è sicuramente il lettore flash. Ho disinstallato flash e fatto reinstallare e mi ha installato la versione 10 e cmq non va. Ora non so se vuole proprio la 9, fatto sta che ho perso un sacco di tempo a capire come fare ad installare la versione 9 con firefox. Hai segnalazione di questo problema? Come posso fare? Grazie mille…..
Riciao!
allora ho installato la versione 9 di flash player dopo aver disintallato la 10 ma cmq il problema persiste. cioè in flex andando in run non mi fa vedere in anteprima nulla per il problema suddetto. poi però ho provato a far partire l’applicazione lì dove è stato salvato il progetto e funziona tutto senza problemi. da cosa può dipendere?
Infine volevo farti un’altra domanda. volendo fare un’applicazione che consenta di ruotare il marker e quindi far ruotare anche l’ogetto in modo che ne sia apprezzabile la tridimensionalità? come bisognerebbe impostare l’importazione? Ho visto l’applicazione della sfera, ma se ruoto il marker si deforma…spero di essermi spiegato…..grazie mille
@Donato
hai provato ad eseguire l’applicazione su un’altro PC?