Augmented Reality with JavaScript and Appcelerator Titanium

9,866 views
9,389 views

Published on

An overview of Augmented Reality with Appcelerator Titanium presented at melbjs, December 2012.

Published in: Technology
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
9,866
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
71
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide

Augmented Reality with JavaScript and Appcelerator Titanium

  1. Augmented Reality with JavaScript (using Appcelerator Titanium) Jeff Bonnes, December 2012 @jeffbonnes / @titaniumdevThursday, 13 December 12
  2. Agenda What is Augmented Reality? Appcelerator Titanium History of Augmented Reality in Titanium JavaScript AR Framework in Titanium [Demo] On device testing made easy (TiShadow)Thursday, 13 December 12
  3. What is Augmented Reality?Thursday, 13 December 12
  4. Image Recognition vs GeolocationThursday, 13 December 12
  5. DemoThursday, 13 December 12
  6. Maps are everywhere...Thursday, 13 December 12
  7. Appcelerator Titanium Bridge from JavaScript objects into native mobile API Cross Platform WebKit KJS JavaScript engine on iOS V8 on Android BB10 and Windows Phone expected 2013Thursday, 13 December 12
  8. How Titanium works JS Engine ‘Native’Thursday, 13 December 12
  9. How Titanium works var view = Ti.UI.createView({ JS Engine backgroundColor:‘white’ ‘Native’ });Thursday, 13 December 12
  10. How Titanium works var view = Ti.UI.createView({ JS Engine backgroundColor:‘white’ ‘Native’ }); view.top = ‘20dp’;Thursday, 13 December 12
  11. How Titanium works var view = Ti.UI.createView({ JS Engine backgroundColor:‘white’ ‘Native’ }); view.top = ‘20dp’; Ti.Geolcation.addEventListener(‘location’, function(e){ // e has native stuff that I can use });Thursday, 13 December 12
  12. Power of JavaScript Adding properties and functions to objects (native proxies) Parasitic inheritance Custom objects Dynamic function signatures CommonJS JSON object creation Execution at run-timeThursday, 13 December 12
  13. A Map in TitaniumThursday, 13 December 12
  14. Titanium Augmented RealityThursday, 13 December 12
  15. Titanium Augmented RealityThursday, 13 December 12
  16. Geolocation My Location (GPS) Point of Interest (Poi) location (lat, long) Bearing / Heading (Compass) MathThursday, 13 December 12
  17. Calculations Bearing / Heading DistanceThursday, 13 December 12
  18. How many calculations?Thursday, 13 December 12
  19. How many calculations?Thursday, 13 December 12
  20. How many calculations?Thursday, 13 December 12
  21. How many calculations?Thursday, 13 December 12
  22. How many calculations?Thursday, 13 December 12
  23. How many calculations?Thursday, 13 December 12
  24. How many calculations?Thursday, 13 December 12
  25. DemoThursday, 13 December 12
  26. RadarThursday, 13 December 12
  27. Making it modularThursday, 13 December 12
  28. On device testing is slow.... Use TiShadow!Thursday, 13 December 12
  29. Thank You! https://github.com/jeffbonnes/parmavision http://www.appcelerator.com/ https://github.com/dbankier/TiShadow http://www.packtpub.com/augmented-reality- using-appcelerator-titanium-starter/book jeffb@gameshape.com http://www.titaniumdevelopment.com.au @titaniumdevThursday, 13 December 12

×