Who Am I? Trần Trọng Thanh 3 years working with Flash / Flex / Air Pyramid Consulting (HCM city) VNFX: ttt_conan Twitter:

Slides:



Advertisements
Similar presentations
Macromedia Preview Arthur Yeo One Learning Place Pte Ltd.
Advertisements

People’s Collection Wales / Placebooks development
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
PowerPoint Enhancements CMCE 1155 Prof. N Anderson.
WHAT IS HAPPENING TODAY!? SIT BACK, RELAX, AND STEP INTO THE WONDERFUL WORLD OF SHANNON…IF YOU DARE!
FUNDAMENTALS OF PROGRAMMING SM1204 Semester A 2010/2011.
Creating and Managing RSS Feeds Kate Pitcher SUNY Geneseo © 2005
Introducing ActionScript 3.0 Object-oriented programming language Used to power Flash Player Similar to JavaScript Can be embedded in a Flash project.
3.02 Computer Animation Software and Design Guidelines
Portable Document Format PDF. What is PDF? Universal file format developed by Adobe Systems Incorporates fine detail and quality of print publications.
Applications of Augmented Reality in Education. Educational Applications of AR 0 Play Video 1 (ARMix.WMV)
3.02 Computer Animation Software and Design Guidelines
INDEX ∞ Image Processing ∞ OpenCV ∞ Download & Setup ∞ Make Project ∞ Show Result ∞ Q & A Setup OpenCV & Tutorial.
Multimedia Authoring Tools Lecture 13
Paul Trani Adobe Certified Instructor/Expert Resources:
Portable Document Format PDF. What is PDF? Universal file format developed by Adobe Systems Incorporates fine detail and quality of print publications.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute. Adobe Gaming SDK Casual Connect Europe 2013 Tom Krcha.
Augmented Reality with.NET casey chesnut brains-N-brawn.com Dallas C# SIG January 2008.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012.
EEE3112 Introduction to Multimedia Application & Technology Chapter 2: Animation Development by Muhazam Mustapha, September 2012.
Augmented reality applied to Resilience Management LLP Programme Knowledge Alliances“Collaborative Reformation of Curricula on Resilience Management with.
Rich Internet Application Frameworks: a Comparison of Flex, JavaFX, and Silverlight Hi, I am Minseung Kim, the topic that I am going to talk about is Rich.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Flash Catalyst for Agile Interaction Design Harish Sivaramakrishnan |
Grouper Training - Admin - Client Chris Hyzer Internet2 University of Pennsylvania This work licensed under a Creative Commons Attribution-NonCommercial.
CHAPTER FOUR COMPUTER SOFTWARE.
Macromedia Flash By Alice Tian. Overview  What is Flash  Why Flash  Basic User Interfaces  Animation Basics  Advanced Basics  Publishing.
Sketch­based interface on a handheld augmented reality system Rhys Moyne Honours Minor Thesis Supervisor: Dr. Christian Sandor.
Augmented Reality with.NET casey chesnut brains-N-brawn.com Wisconsin.NET UG November 2007.
Introduction to IT Presented by: Ishan Agarwal ABV-IIITM, Gwalior.
E – Learning Website Solution Jonathan Pimento | Kennoel D’Abreo | Dylan D’Souza Based on Augmented Reality ( AR )
© 2008 Eyeblaster. All rights reserved Sales Training Presented by: Christopher Maurer ● Sales Engineer ● 15 th December 2009 Live Streaming and Augmented.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
AGENDA – DIGITAL COMPUTER 1B MARCH 21, WEDNESDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 
Computer Graphics Group Jiří Žára. Computer Graphics Group 2X3D Contents 1.Web3D Consortium 2.X3D specification 3.GeoVRML 4.NurbsVRML 2.
Augmented Reality and 3D modelling By Stafford Joemat Supervised by Mr James Connan.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
College of Computer and Information Science, Northeastern UniversityNovember 22, CS U540 Computer Graphics Prof. Harriet Fell Spring 2007 Lecture.
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Spring 2007 COMP TUI 1 Computer Vision for Tangible User Interfaces.
Appendix A Becoming an Adobe Certified Associate.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
CONTENT FOCUS FOCUS INTRODUCTION INTRODUCTION COMPONENTS COMPONENTS TYPES OF GESTURES TYPES OF GESTURES ADVANTAGES ADVANTAGES CHALLENGES CHALLENGES REFERENCE.
Chapter1 The flash interface and action script 3.0.
Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.
Multimedia Fundamentals
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
How to Make Your Own Flip Book on Mac
Augmented Riality Nothing new, Now it is for public too.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Augmented Reality power point
OpenCV C++ Image Processing
Want to Create Page Flip HTML5 Magazine?
Imaging and Design for Online Environment
3.02 Computer Animation Software and Design Guidelines
Computer presentation
Augmented Reality INTRODUCTION
H5P: Using an Interactive Assessment Tool in Moodle
Information Technologies Anselm Spoerri PhD (MIT)
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Develop Rich Internet Content and Applications
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Presentation transcript:

Who Am I? Trần Trọng Thanh 3 years working with Flash / Flex / Air Pyramid Consulting (HCM city) VNFX: ttt_conan Twitter:

Augmented Reality In Flash (Tương tác bổ sung trong Flash) Trần Trọng Thanh 11/2010 Insert Logo Here

© 2010 Thanh Tran - Content 1. What is Augmented Reality? (5') 2. AR in Flash: FLARToolKit (2') 3. Making a Hello World demo (10') 4. Using animated 3D objects (5') 5. Creating custom marker (10') 6. Multiple markers (5') 7. Inspiring real applications (3') 8. Conclusion (5')

© 2010 Thanh Tran - What is Augmented Reality? live view of reality which is augmented (bổ sung) with computer-generated elements: sound, graphics advanced AR uses computer vision and object recognition the surrounding of the user becomes interactive and digitally usable. AR frameworks for Flash: FLARToolKit, FLARE*

© 2010 Thanh Tran - FLARToolKit ARToolKit (C/C++) → NyARToolKit (Java) → FLARToolKit Ported by Saqoosha/Libspark.org (2008) Recognize real-world monochrome (đơn sắc) markers You have to draw your own 3D graphics (with Papervision3D / Away3D / Sandy / Alternativa3D) License: GPL or Commercial

© 2010 Thanh Tran - Hello FLARToolKit: Build your first demo Download or check out source of FLARToolKit at: Create new AS3 Project (with FlashDevelop) Copy libraries and example from FLARToolKit source folder: - FLARToolKit\libs\Papervision3D\src - FLARToolKit\libs\NyARToolKitAS3\src - FLARToolKit\src → org → copy all - FLARToolKit\src → examples → copy only: ARAppBase.as, PV3DARApp.as, FLARToolKitExample_PV3D.as - data/camera_para.dat, data/flarlogo.pat

© 2010 Thanh Tran - Hello FLARToolKit: Build your first demo Start Flash CS* Create a new ActionScript 3 FLA Set source path to: lib, src (default source folder of FlashDevelop) Set stage size to 640x480 Set document class as: FLARToolKitExample_PV3D Run the demo (See Simple Cube demo & Earth Collada demo)Simple CubeEarth Collada

© 2010 Thanh Tran - Hello FLARToolKit: Build your first demo Note: marker's local 3D coordinates (các trục tọa độ của marker) Image courtesy of Shaqoo.shShaqoo.sh

© 2010 Thanh Tran - FLARToolKit and Animated 3D objects A demo of animated MD2 A demo of transparent video plane

© 2010 Thanh Tran - Create your own marker Online marker maker: Marker: Monochrome Low resolution (4x4 - 64x64) Marker percentage: 25%50%25%

© 2010 Thanh Tran - Multiple markers Copy FLARTK_Example_Multiple_SimpleCube_PV3D.as from FLARToolKit source code Correct path to camera_para.dat, flarlogo.pat, L.pat Setting up and build this application similar to first demo (see multiple picture planes demo)multiple picture planes

© 2010 Thanh Tran - Inspiring real applications Earth Structure Book: Augmented Reality Tower Defense v0.2 for Nokia N95:

© 2010 Thanh Tran - Conclusion Pros: On the web = everywhere, no installation Flash is a rich interactive platform Free and open source Cons: Low processing power Low 3D quality

© 2010 Thanh Tran - Conclusion Knowledge of 3D frameworks and 3D programming is key Improve performance with Alchemy port Combine with other techniques: motion detection, object recognition... Limitation is your creativity

© 2010 Thanh Tran - Questions & Answers

© 2010 Thanh Tran - Links and references Demo source: FLARToolKit: FLARE*: Wiki about AR: ATOMIC Web Authoring Tool: Marker maker: FLARToolKit Starterkit: FLARManager: Quake 2 models used in Megaman demo:

© 2010 Thanh Tran - Thank you