web&mobile - 4 ottobre 2012

9
Augmented Reality ... in my browser Alberto Mancini [email protected] Blog: jooink.blogspot.com Online Demo: bit.ly/JooinK-AR

Upload: jooink

Post on 07-Nov-2014

1.027 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Web&mobile  - 4 ottobre 2012

Augmented Reality ... in my browser

Alberto [email protected]

Blog: jooink.blogspot.com

Online Demo: bit.ly/JooinK-AR

Page 2: Web&mobile  - 4 ottobre 2012

Ingredienti

NyARToolkitARToolKit 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 infohttp://nyatla.jp/nyartoolkit/wp/?page_id=198

Support: Java ... "Write once, run anywhere" (WORA), or sometimes write once, run everywhere (WORE) ... in my browser ?!?!?!

Page 3: Web&mobile  - 4 ottobre 2012

Strumenti

GWT

Compiler: Java -> Javascript

Javascript as a target language

Page 4: Web&mobile  - 4 ottobre 2012

Ingredienti

WebGLWebGL (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 infohttp://www.khronos.org/webgl/

Support: http://caniuse.com/webglChrome 22+, FireFox 15+, Safari 6+, Opera 12+ (partial support)

Page 5: Web&mobile  - 4 ottobre 2012

Ingredienti

WebRTCWebRTC (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 infohttp://www.webrtc.org

Support: Chrome 22+, ... well work-in-progress at least for firefox.

what we need: getUserMedia (chrome !!)

Page 6: Web&mobile  - 4 ottobre 2012

Strumenti

GWT 2.5 Elemental

Elemental is a new library for fast, lightweight, and "to the metal" web programming in GWT.

Page 7: Web&mobile  - 4 ottobre 2012

How It Works

video

cam WebRTC <video/> canvas ImageData

byte[]

Elemental/jsni

GWT(NyARToolkit)mv matrix

WebGL + model

Page 8: Web&mobile  - 4 ottobre 2012

Demo

bit.ly/JooinK-AR

Page 9: Web&mobile  - 4 ottobre 2012

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 MurateAndroid, GWT, webGL

https://sites.google.com/site/firenzegtug/lista-eventi-italiani/gdg-dev-fest