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

  • 917 views
Uploaded 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 …

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/

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
917
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
0

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