Successfully reported this slideshow.
360 degree car rotation – common code for mobiles andcomputer browsersI had been updating my examples and tutorials off la...
Upcoming SlideShare
Loading in …5
×

360 degree car rotation – common code for mobiles and computer browsers

1,226 views

Published on

I had been updating my examples and tutorials off lately and trying to create a more general approach to application development – Write a single app that runs in mobile browsers as well as computer browsers. Following the same approach, this time I am updating one of my previous tutorials – 360 Degree Car/Product rotation for iPhones. So, I worked on a 36o degree car rotation code that runs in both mobile and desktop browsers.
For the full post download this file or visit the actual blog post link: http://jbkflex.wordpress.com/2012/07/25/360-degree-car-rotation-common-code-for-mobiles-and-computer-browsers/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

360 degree car rotation – common code for mobiles and computer browsers

  1. 1. 360 degree car rotation – common code for mobiles andcomputer browsersI had been updating my examples and tutorials off lately and trying to create a more general approach to applicationdevelopment – Write a single app that runs in mobile browsers as well as computer browsers. Following the sameapproach, this time I am updating one of my previous tutorials – 360 Degree Car/Product rotation for iPhones. So, Iworked on a 36o degree car rotation code that runs in both mobile and desktop browsers.This tutorial is an update to my previous one, I also present a new demo. I will not go into the details, which I havetalked about in my previous tutorial. Have a look at the demo, open it in either an iOS browser or a computer web-kit browser.Link: http://jbk404.site50.net/360DegreeView/mobile/common.html 360 degree car rotation in mobile safariWhat are the changes?All the changes are in the javascript code. I have introduced a device detection mechanism and then automaticallyassign either touch events (for mobiles) or mouse events (for computer browsers). These are the same changes thatI have recently talked of in my last post – Replicating the iPhone Swipe Gesture — common code for mobiles andcomputer browsers. That should help you out.Other than that just try the example link in a computer web-kit browser – Chrome/Safari or an iOS device browserwhich is also a web-kit browser. Android devices need some changes and the same code might not work. I havetalked on this in my previous post.For the code, right click to view the source.

×