Augmented Reality with JavaScript and Appcelerator Titanium
16 likes8,556 views
The document is a presentation on augmented reality using JavaScript and Appcelerator Titanium. It discusses what augmented reality is, the history of augmented reality in Titanium, and demonstrates a JavaScript augmented reality framework in Titanium. It also discusses using TiShadow for easier on-device testing. The presentation includes demos of augmented reality features like image recognition, geolocation, and maps.
![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](https://image.slidesharecdn.com/2012-12-10augmentedrealitywithjavascriptandtitanium-121213053535-phpapp02/85/Augmented-Reality-with-JavaScript-and-Appcelerator-Titanium-2-320.jpg)
Augmented Reality with JavaScript and Appcelerator Titanium
- 1. Augmented Reality with JavaScript (using Appcelerator Titanium) Jeff Bonnes, December 2012 @jeffbonnes / @titaniumdev Thursday, 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 Geolocation Thursday, 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 2013 Thursday, 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-time Thursday, 13 December 12
- 13. A Map in Titanium Thursday, 13 December 12
- 14. Titanium Augmented Reality Thursday, 13 December 12
- 15. Titanium Augmented Reality Thursday, 13 December 12
- 16. Geolocation My Location (GPS) Point of Interest (Poi) location (lat, long) Bearing / Heading (Compass) Math Thursday, 13 December 12
- 17. Calculations Bearing / Heading Distance Thursday, 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. Demo Thursday, 13 December 12
- 26. Radar Thursday, 13 December 12
- 27. Making it modular Thursday, 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 @titaniumdev Thursday, 13 December 12