Cgma skill share (css) - Introduction to Augmented Reality
-
Upload
khatijah-hamid -
Category
Technology
-
view
117 -
download
0
description
Transcript of Cgma skill share (css) - Introduction to Augmented Reality
![Page 1: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/1.jpg)
CGMA SKILL SHARE (CSS)INTRODUCTION TO AUGMENTED REALITY
![Page 2: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/2.jpg)
THANK YOU AND WELCOME TO CSS
![Page 3: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/3.jpg)
FRIENDLY REMINDER :)
Please silent your phone.
Toilet? You can always go to the toilet.
Keep quiet and talk when it’s necessary only
![Page 4: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/4.jpg)
THE INSTRUCTOR
Student from Faculty of Computing
Computer Graphic and Multimedia Software
Email : [email protected] / [email protected] / [email protected]
![Page 5: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/5.jpg)
PART 1 - INTRODUCTION TO AUGMENTED REALITY (AR)
![Page 6: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/6.jpg)
REAL VS VIRTUAL REALITY
Real environment – we are in a real environment
Virtual Environment –completely immerse
a user inside a synthetic environment
![Page 7: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/7.jpg)
MIXED REALITY VS REAL WORLD
![Page 8: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/8.jpg)
AUGMENTED REALITY
AR – refer to interfaces which 2D or 3D computer graphics – superimposed over real object, typically viewed using head-mounted 0r handheld displays (Azuma, 1997).
1. Combines real and virtual
2. Interactive in real time
3. Registered in 3-D
![Page 9: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/9.jpg)
AR - MEDICAL
![Page 10: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/10.jpg)
AR – EDUCATION & TRAINING
![Page 11: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/11.jpg)
AR – ENTERTAINMENT & GAMES
![Page 12: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/12.jpg)
AR –TOURISM & CULTURE HERITAGE
![Page 13: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/13.jpg)
AR - ADVERTISING
![Page 14: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/14.jpg)
AR
![Page 15: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/15.jpg)
AR TOOLS
Open source resource = AR ToolKit, licensed AR Toolworks (commercial), Designer's AR Toolkit
Stand alone application for iPhone or Android - metaio Unifeye, Total Immersion D'Fusion, Seac02, Qualcomm, Wikitude API, Silverlight AR Toolkit and others.
For mobile AR, and if you are interested in publishing content within a larger ecosystem (for fun or for profit), there are hosted (cloud-based) platforms - Layar, Mobilizy's Wikitude WorldBrowser and junaio.
AR Extension – Vuforia / Metaio (plug in for Unity3d)
Web Based - FLAR toolkit
![Page 16: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/16.jpg)
PART #2 - HOW AR WORKS?
![Page 17: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/17.jpg)
BASIC AR
Two approaches – Vision Based, location-based
Vision Based – (Marker, QR Codes, Real object) -software recognize a particular pattern, and overlaying a digital image at the point on the screen.
Location based – (GPS, Compass) - use ability of particular device to record its position in the world and then offer data that’s relevant to the location.
![Page 18: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/18.jpg)
DISPLAY – MAGIC LENSES
Head Mounted Display (HMD)
Handheld display (Mobile phone, tablet, etc)
USB Camera, Web-camera
![Page 19: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/19.jpg)
BASIC AR - VISION BASED
Requirement1) Marker (Pattern / 3D Object)2) Webcam/Camera3) Display Technology4) Platform (Software)
![Page 20: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/20.jpg)
TRACKING - MARKER VS MARKER LESS
Marker Markerless
![Page 21: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/21.jpg)
PART 3 – USING ARTOOLKIT
![Page 22: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/22.jpg)
ARTOOLKIT - HISTORY
ARToolKit – Developed by Dr. Hirokazu Kato and Prof Mark Billinghurst - Human Interface Technology Laboratory (HIT Lab) at the University of Washington, HIT Lab NZ at the University of Canterbury, New Zealand, and ARToolworks, Inc, Seattle.
http://www.hitl.washington.edu/artoolkit/
![Page 23: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/23.jpg)
ARTOOLKIT - INTRODUCTION
uses computer vision techniques to calculate the real camera position and orientation relative to marked cards, allowing the programmer to overlay virtual objects onto these cards.
multi-platform – Windows, Mac, Linux
supports both video and optical see-through augmented reality
Use C or C++ as the programming languages
![Page 24: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/24.jpg)
ARTOOLKIT - FEATURES
Single camera position/orientation tracking.
Tracking code that uses simple black squares.
The ability to use any square marker patterns.
Easy camera calibration code.
Fast enough for real time AR applications.
SGI IRIX, Linux, MacOS and Windows OS distributions.
Distributed with complete source code.
More information: http://www.hitl.washington.edu/artoolkit/documentation/features.htm
![Page 25: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/25.jpg)
ARTOOLKIT - REQUIREMENT
Development Requirement – Microsoft Visual Studio 6 or later and Microsoft Visual Studio .NET 2003 or later or Cygwin
DSVideoLib-0.0.8b-win32 - to handle communication with the camera driver. Included with ARToolKit downloads. (will distribute it later).
GLUT Runtime & SDK (glut32.dll, glut.h, glut32.lib)
DirectX Runtime
Video Input device (Camera/video input)
Optional (VRML Renderer)
![Page 26: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/26.jpg)
ARTOOKIT FRAMEWORK
![Page 27: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/27.jpg)
USING ARTOOLKIT TO DEVELOP AUGMENTED REALITY APPLICATION
![Page 28: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/28.jpg)
CUSTOM MARKER
Important! – Make sure camera is plugged in.
Open file, mk_patt.exe [ARToolKit\bin].
![Page 29: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/29.jpg)
CUSTOM MARKER – STEP #1
![Page 30: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/30.jpg)
CUSTOM MARKER
![Page 31: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/31.jpg)
CUSTOM MARKER
![Page 32: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/32.jpg)
CUSTOM MARKER
Green – XRed –Y
Make sure green is in x-axis and red is y-axis
![Page 33: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/33.jpg)
CUSTOM MARKER
![Page 34: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/34.jpg)
![Page 35: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/35.jpg)
MARKER
Can always use custom marker , but make sure that marker has border. (Remember ARToolKit features?)
The best patterns are those that are asymmetric and do not have fine detail on them.
To create a new template pattern, first print out the file blankPatt.gif found in the patterns directory. This is just a black square with an empty white square in the middle. Then create a black and white or color image of the desired pattern that fits in the middle of this square and print it out.
![Page 36: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/36.jpg)
INCORPORATING CUSTOM MARKERS INTO ARTOOLKIT
1. Copy pattern file into the ARToolKit\Bin\Data directory – pattern file are access in this directory/
2. Open object_data_vrml file in the ARToolKit\bin\Data using notepad.
![Page 37: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/37.jpg)
INCORPORATING CUSTOM MARKERS INTO ARTOOLKIT
Supported Model- Obj- WRL // for VRML
Please convert your 3D model to WRL or OBJ if the format are .3ds, .stl, .max etc.
Object namePattern Recognition File Width of tracking marker
![Page 38: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/38.jpg)
INCORPORATING CUSTOM 3D MODELS INTO ARTOOLKIT
export the model or animation into a .WRL file.
If using textures for your model, have the path of the texture set to “./textures/nameOfTexture.gif”.
IMPORTANT! - ARToolKit only supports .GIF formats
Once you have the 3D model exported, copy it into the ARToolKit\bin\Wrldirectory
![Page 39: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/39.jpg)
INCORPORATING CUSTOM 3D MODELS INTO ARTOOLKIT
create a .dat file that is required from the toolkit
.dat file you will specify the model file and the translation, rotation, and scale parameters.
create the .dat file, right click any empty space in the ARToolKit\bin\Wrl directory.
Select New Text Document when the menu appears. Rename this document file to nameOfModel.dat.
![Page 40: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/40.jpg)
INCORPORATING CUSTOM 3D MODELS INTO ARTOOLKIT
In this example we will use snoman.dat
(X,Y,Z) – can change the object transformation
Translation
Rotation
Scale
Now save! Make sure to save it at .dat
![Page 41: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/41.jpg)
INCORPORATING CUSTOM 3D MODELS INTO ARTOOLKIT
VRML Demo
Run SimpleVRML.exe
Your should now display your custom marker!
![Page 42: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/42.jpg)
YOUR FIRST AR APPS!
![Page 43: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/43.jpg)
NOW IT’S YOUR TURN TO TRY IT!
Call us if you need an help
![Page 44: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/44.jpg)
FIND ANY MODEL IN THE INTERNET AND EMAIL TO US YOUR PRINT SCREEN
OF THE WORK
![Page 45: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/45.jpg)
EMAIL TO US YOUR FINAL WORK [email protected]
![Page 46: Cgma skill share (css) - Introduction to Augmented Reality](https://reader034.fdocuments.net/reader034/viewer/2022051314/54c8c85a4a79597f2a8b45a2/html5/thumbnails/46.jpg)
RESOURCES
http://www.hitl.washington.edu/artoolkit/
http://www.perey.com/TexAR/getting-started-with-augmented-reality/
http://dev.tutsplus.com/tutorials/beginners-guide-to-augmented-reality--active-4948
http://augmented-career-ajune.blogspot.com/p/augmented-reality.html