Web&mobile - 4 ottobre 2012
0 likes1,034 views
This document discusses using augmented reality in a web browser by combining several technologies: - NyARToolkit for computer vision tracking - WebGL for interactive 3D graphics rendering - WebRTC for real-time communication - GWT to compile Java to JavaScript It provides links to specifications and support for these technologies and advertises an online demo at bit.ly/JooinK-AR that combines them to enable augmented reality experiences in a browser without plugins.
![How It Works
cam WebRTC <video/>
canvas ImageData
Elemental/jsni
WebGL + model
video
GWT(NyARToolkit) byte[]
mv matrix](https://image.slidesharecdn.com/webmobile-4ottobre1-121004152950-phpapp01/85/Web-mobile-4-ottobre-2012-7-320.jpg)
Web&mobile - 4 ottobre 2012
- 1. Augmented Reality ... in my browser Alberto Mancini [email protected] Blog: jooink.blogspot.com Online Demo: bit.ly/JooinK-AR
- 2. Ingredienti NyARToolkit ARToolKit is a computer tracking library for creation of strong augmented reality applications that overlay virtual imagery on the real world. NyARToolKit is an ARToolkit class library released for virtual machines, particularly those that host Java, C# and Android. Up to date info http://nyatla.jp/nyartoolkit/wp/?page_id=198 Support: Java ... "Write once, run anywhere" (WORA), or sometimes write once, run everywhere (WORE) ... in my browser ?!?!?!
- 3. Strumenti GWT Compiler: Java -> Javascript Javascript as a target language
- 4. Ingredienti WebGL WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. Specification & Up to date info http://www.khronos.org/webgl/ Support: http://caniuse.com/webgl Chrome 22+, FireFox 15+, Safari 6+, Opera 12+ (partial support)
- 5. Ingredienti WebRTC WebRTC (Web Real-Time Communication) is an API definition being drafted by W3C (April 2011), IETF (May 2011). The goal of WebRTC is to enable applications such as voice calling, video chat and P2P file sharing without plugins. Specification & Up to date info http://www.webrtc.org Support: Chrome 22+, ... well work-in-progress at least for firefox. what we need: getUserMedia (chrome !!)
- 6. Strumenti GWT 2.5 Elemental Elemental is a new library for fast, lightweight, and "to the metal" web programming in GWT.
- 7. How It Works cam WebRTC <video/> canvas ImageData Elemental/jsni WebGL + model video GWT(NyARToolkit) byte[] mv matrix
- 8. Demo bit.ly/JooinK-AR
- 9. GDG DevFest - 19 e 20 Ottobre 19/10 Sala conferenze Dada Android, HTML5, GWT, Drive, YouTube,... 19/10 SUC, Le Murate GEO, Archiettura, Progetti Aziendali 20/10 SUC, Le Murate Android, GWT, webGL https://sites.google.com/site/firenzegtug/lista-eventi-italiani/gdg-dev-fest