Your SlideShare is downloading. ×
0
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Augmented Reality with JavaScript and Appcelerator Titanium
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Augmented Reality with JavaScript and Appcelerator Titanium

8,570

Published on

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

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

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

No Downloads
Views
Total Views
8,570
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
66
Comments
0
Likes
14
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×