Top Banner
CGMA SKILL SHARE (CSS) INTRODUCTION TO AUGMENTED REALITY
46

Cgma skill share (css) - Introduction to Augmented Reality

Jan 28, 2015

Download

Technology

Khatijah Hamid

This slide was created for Introduction to Augmented Reality workshop.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Cgma skill share (css) - Introduction to Augmented Reality

CGMA SKILL SHARE (CSS)INTRODUCTION TO AUGMENTED REALITY

Page 2: Cgma skill share (css) - Introduction to Augmented Reality

THANK YOU AND WELCOME TO CSS

Page 3: Cgma skill share (css) - Introduction to Augmented Reality

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

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

PART 1 - INTRODUCTION TO AUGMENTED REALITY (AR)

Page 6: Cgma skill share (css) - Introduction to Augmented Reality

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

MIXED REALITY VS REAL WORLD

Page 8: Cgma skill share (css) - Introduction to Augmented Reality

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

AR - MEDICAL

Page 10: Cgma skill share (css) - Introduction to Augmented Reality

AR – EDUCATION & TRAINING

Page 11: Cgma skill share (css) - Introduction to Augmented Reality

AR – ENTERTAINMENT & GAMES

Page 12: Cgma skill share (css) - Introduction to Augmented Reality

AR –TOURISM & CULTURE HERITAGE

Page 13: Cgma skill share (css) - Introduction to Augmented Reality

AR - ADVERTISING

Page 14: Cgma skill share (css) - Introduction to Augmented Reality

AR

Page 15: Cgma skill share (css) - Introduction to Augmented Reality

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

PART #2 - HOW AR WORKS?

Page 17: Cgma skill share (css) - Introduction to Augmented Reality

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

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

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

TRACKING - MARKER VS MARKER LESS

Marker Markerless

Page 21: Cgma skill share (css) - Introduction to Augmented Reality

PART 3 – USING ARTOOLKIT

Page 22: Cgma skill share (css) - Introduction to Augmented Reality

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

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

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

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

ARTOOKIT FRAMEWORK

Page 27: Cgma skill share (css) - Introduction to Augmented Reality

USING ARTOOLKIT TO DEVELOP AUGMENTED REALITY APPLICATION

Page 28: Cgma skill share (css) - Introduction to Augmented Reality

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

CUSTOM MARKER – STEP #1

Page 30: Cgma skill share (css) - Introduction to Augmented Reality

CUSTOM MARKER

Page 31: Cgma skill share (css) - Introduction to Augmented Reality

CUSTOM MARKER

Page 32: Cgma skill share (css) - Introduction to Augmented Reality

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

CUSTOM MARKER

Page 34: Cgma skill share (css) - Introduction to Augmented Reality
Page 35: Cgma skill share (css) - Introduction to Augmented Reality

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

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

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

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

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

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

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

YOUR FIRST AR APPS!

Page 43: Cgma skill share (css) - Introduction to Augmented Reality

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

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

EMAIL TO US YOUR FINAL WORK [email protected]

Page 46: Cgma skill share (css) - Introduction to Augmented Reality

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