Augmented Reality Workshop

(15) Zusammenfassung - Wo steht AR heute?

(45) Vorstellung verschiedener PlattformenHitlabz buildARSeac02 linceoVRMetaio unifeye designFraunhofer instantrealityT-immersionLayar / hoppala / buildARJunaio

(30) Web based AR – open sourceFlarmanager

(30) Webbased AR – high endTI - Beispiele

(30) PoSTI-immersion

(30) mobileAR – open source*HoppalaJunaioMixare

(30) mobileAR – high endMetaio mobile SDK

Index

AUGMENTED REALITY LEICHT GEMACHT

• Zeitrahmen: 15:00h – 18:30h

• Getränke vor Ort• Essen (zwischendurch bzw. um 18:30h in der Brotfabrik nebenan)

• Präsentation, Dokumentationen und Code online

• Kurze Vorstellung der Teilnehmer

• Kurzes Feedback, was bereits über AR bekannt ist

• Bitte immer direkt Fragen

House Keeping

Zusammenfassung - Wo steht AR heute?

Vorstellung verschiedener Plattformen• Hitlabz buildAR• Seac02 linceoVR• Metaio unifeye design• Fraunhofer instantreality• T-immersion• Layar / hoppala / buildAR• Junaio

Web based AR – open source• Flarmanager

Webbased AR / PoS – high end• Total Immersion / Fraunhofer

mobileAR – open source• Hoppala• Junaio

mobileAR – high end• Metaio mobile SDK

AUGMENTED REALITY LEICHT GEMACHT

Wer ist empea? Was macht empea?

Über empea

1. Wo steht AR heute?

• Die virtuelle Realität und die Realität sind miteinander kombiniert (teilweise überlagert).• Interaktivität in Echtzeit• Reale und virtuelle Objekte stehen 3-Dimensional zueinander in Bezug.

-wikipedia-

mobilePoint of Sale / Web

1. Wo steht AR heute?

AR Selbst• Über 20 Jahre alt• Kommt aus der Industrie• Seit ewigen Zeiten nur an einem physischen Platz erlebbar• Nun mobil /CCC• Heute 605 AR Apps auf dem iPhone• 5 große Plattformen

AR in der Wahrnehmung• Technische Spielerei• Mehrwert vs. Kosten fraglich• Strukturelle Hindernisse, e.g. OOH• Kampagnen Reichweite unklar• Fehlendes Zahlenmaterial

AR hinter den Kulissen• PTAMM ist die Zukunft• Patente von apple, google, qualcomm und anderen• Snapdragon Chipsätze und StudierstubeTracker Software• ISMAR2010

Exkurs PTAM(M) – Parallel Tracking and (multi) Mapping

http://www.youtube.com/watch?v=pBI5HwitBX4&feature=player_embedded#!Source code: http://ardevcamp.mixxt.de

Projektseite: http://www.robots.ox.ac.uk/~gk/youtube.html

2. Vorstellung verschiedener Plattformen

Es gibt vollintegrierte Plattformen und spezielle Frameworks. Wir betrachten in diesem WS primär Plattformen mit User Interface. Die in diesem Zusammenhang Relevantesten lauten:

( )

2. Vorstellung verschiedener Plattformen

Demo User Interfacehttp://www.hitlabnz.org/wiki/BuildAR

2. Vorstellung verschiedener Plattformen

Demo User Interfacehttp://www.seac02.it/download/

2. Vorstellung verschiedener Plattformen

Demo User Interfacehttp://www.metaio.de/produkte/design/

2. Vorstellung verschiedener Plattformen

• Texturen von 512x512 bis 2048x2048• 50.000 bis 300.000 Polygone

• Maya Exporter (.scene Format)

• Läuft auf windows und mac• Verschlüsselung der Inhalte• Weitentwickelte Bilderkennung• Echtzeit 3D Rendering• Gesichtserkennung• Facebook Integration

Demo User Interfacenone

Typische Vorgehensweise zur Erstellung eines Szenarios:

1. Settings einstellen2. 3D Objekte, Licht, Camera, lua script3. Animationen, Sounds, Tastaturbefehle4. Zusammenführen AR Szenario und

Tracker 5. Schatten6. (Multi-) Tracking Setting

2. Vorstellung verschiedener Plattformen

Demo User Interfacehttp://www.instantreality.org/downloads/

PAUSE

3. Webbased AR – Open Source

FLARManager History:ARToolKit (HitLabz) zu FLARToolKit (Saqoosha) zu FLARManager Eric Solokovski

Kein User Interface, codebased und dennoch in diesem WS, warum?

Weil es nur um 3 Zeilen geht und man hier eine Datei austauscht! Außerdem: oft ist es nur notwendig die eigenen AS3 Entwickler draufzustoßen.

Demo User Interfacehttp://words.transmote.com/wp/flarmanager/

3. Webbased AR – Open Source

FLARManager Schnellstart

Wir werden nun folgende Schritte durchführen. Danach sind Sie in der Lage selbständig AR-Demos zu erstellen und in der Kundenkommunikation als personalisierten Showcase einzusetzen.

• Runterladen Flash Builder• Runterladen des FLAR Manager• Projekt öffnen• Marker erstellen• Marker und 3D Modell einbinden• Testen und SWF erstellen• In Webseite einbinden

Exkurs: AR Video

3. Webbased AR – Open Source / FLARManager

Setup generell

UmgebungRunterladen FlashBuilderhttps://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder

ToolRunterladen von FLARManagerhttp://words.transmote.com/wp/flarmanager/

3D-GrafikRunterladen von 3dsmax (oder blender)http://www.blender.org/download/get-blender/

2D-GrafikRunterladen von gimphttp://www.gimp.org/

3. Webbased AR – Open Source / FLARManager

Projekt öffnen

File>Import>Flex Project

3. Webbased AR – Open Source / FLARManager

Marker erstellen

• Marker erstellen und drucken• Markergenerator runterladen / online öffnen• Marker in den Generator laden oder per

Bilderkennung auswählen• Markergrösse auswählen

Quellcode:http://www.libspark.org/svn/as3/ARToolKitMarkerGeneratorMulti/

3. Webbased AR – Open Source / FLARManager

Marker und 3D Modell einbinden;FLARManager konfigurieren

INITIALER PUNKTFLARManagerExampleLauncher.as• Bleibt auf default

KONFIGURATIONFLARconfig.xml• Zeile 43, entsprechendes .pat eingeben

3D - MODELLFLARManagerTutorial_Collada.as• Zeile 97, entsprechendes .dae eingeben

3. Webbased AR – High End / Point of Sale

Der Unterschied von highend zum FLARManager ist

• das Tracking ist ausgereifter• die Logik ist teilweise vordefiniert• der Support ist direkter• die Anwendungen sind abgestimmt

auf optimierte Rechenleistung• die Umgebungsparameter werden

optimal abgedeckt

• Hinweis: zusätzlich werden meist plug-ins benötigt

FRAGEN?

4. mobileAR – open source

Anzahl der AR Apps auf dem iPhone / Neuveröffentlichungen pro Monat

4. mobileAR – open source

Für mobile AR gibt es derzeit nur eine grafische Oberfläche, die auf layar aufsetzt. Hier sind grundsätzliche CMS Funktion gegeben. Dieser WS geht auf die grafische Oberfläche hoppala ein.

Was ist möglich?• Webbasiertes Interface• Unterstützt 2D & 3D• Unterstützt Audio und Video• Cloud hosting

Wie geht es?• Anmelden bei Layar• Anmelden bei hoppala• Layar erstellen• Dienste verbinden

Username: marc@empea.dePassword: EjuNY#uG

4. mobileAR – open source

1. dev.layar.com

4. mobileAR – open source

4. mobileAR – open source

3D Inhalte aufbereiten

• Layar3D Model Converter (http://layar.pbworks.com/Creating-the-3D-objects)Import .OBJ/.MTL Detailansicht des Modells Material bearbeiten (optional)

Vorschau Skalierung/Positionierung Speichern .l3d

4. mobileAR – open source

Textur Animationen

• Textures (http://layar.pbworks.com/Create+texture-animated+3D+models)

Limitierungen

• Keine Videos (eher animierte gifs)• Texturgröße 256x256• L3D < 1MB (z.B. durch weniger Farben bei PNGs)• 10 – 25 frames möglich• Layar v3.5+ nötig

Texturtyp ändern Frames zur Animation hinzufügen Vorschau

FRAGEN? / PAUSE

junaio

Ein wenig anspruchsvoller, aber dennoch leicht handhabbar und mit zusätzlichen Features.

• http://www.junaio.com• Channel anlegen• Callback URL definieren• Beispiel Code runterladen

5. mobileAR – high end

• C/C++ code• Konfiguration via XML file• Performance Tests für Zielgeräte• iPhone, Android, Symbian OS and

WinMobile.• .md2 Modelle

• GPS• Orientation• Compass• Marker tracking• Image (feature) tracking

5. mobileAR – high end

Vorgehensweise am Beispiel android

ADT SDK

5. mobileAR – high end

Zum Erstellen der Inhalte (hier mit 3dsmax) wird folgendes vorausgesetzt:

• Autodesk 3ds Max v.9+http://www.autodesk.de/adsk/servlet/pc/index?siteID=403786&id=14850944

• QTip MD2 exporter pluginhttp://www.qtipplugin.com/

• Alternativ blender 2.49bhttp://www.blender.org

Zielformat .md2 (oder .obj)

5. mobileAR – high end

• Erstellen des Modells,• Einheiten Millimeter• Licht positionieren

Objekt erzeugen

5. mobileAR – high end

UVW Unwrap erstellen

• “Modifiers” => “UV Coordinates” => “Unwrap UVW”

• „Edit“ => „Modify lable“ • Alle Polygone auswählen• “Mapping” => “Flatten Mapping”

5. mobileAR – high end

Textur erstellen

• “Rendering” => “Render to Texture• “General Setting” => “Path” festlegen • “Use Existing Channel“ check• “Output” tab “Add” auswählen• “CompleteMap” mit “OK” bestätigen• “256x256” als Format wählen

5. mobileAR – high end

Textur zuweisen

• „Material Editor“ => neues „Standardmaterial“• „Bitmap“ in den „diffuse channel“• Material auf komplettes Objekt anwenden

5. mobileAR – high end

Framelist / Animationsdatei erstellen

• SDK greifft mit startAnimation(sceneID, animationName) auf die einzelnen frames zu

• 1-5 = keine Bewegung• 6-10 = Bewegungsanimation• 11-15 = Rotationsanimation• 16-20 = keine Bewegung

• Datei als .txt Datei speichern

5. mobileAR – high end

.md2 Modell Export

• „Settings“ => „more“• „Qtip“ bestätigen• Framelist in Qtip importieren• Alle Frame exportieren• .md2 Modell und .bmp Textur wurden

erzeugt

Q&A

Vielen Dankfür Ihre Aufmerksamkeit.

empeaMarc E. Maurer, AR Manager

Hattersheimer Str. 365719 Hofheim

Web: www.empea.de Mail: marc@empea.de

Xing: https://www.xing.com/net/augmentedreality Developer: http://ardevcamp.mixxt.de