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.

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

5. Demo
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