Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


360 degree image rotation on website - want to add this functionallity

Posted on 2014-12-16
Medium Priority
Last Modified: 2015-04-18
We have a client who sells historic art (mini statues and other artefacts). They want to add to their website the ability to add 360 degree rotation of the objects they want to sell.

Their current website designers have said “in order for this to work, you would need to take 70 photographs of each item, on a turntable with a fixed camera”

But this seems excessive and the amount of data per image seems immense. I would have thought there would have been other ways of achieving this?

I think my client is prepared there is some work in preparing the image, but we are hoping it's some thing that can be achieved once the process is in place.

I think the capability might be out of the normal remit of the web designers so they are trying to put us off. By my client has seen the same thing on other websites in his field.

Can anyone provide any insights into how one would achieve this?

Thanks in advance.
Question by:IT Man200
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
LVL 70

Expert Comment

by:Jason C. Levine
ID: 40503251
Their current website designers have said “in order for this to work, you would need to take 70 photographs of each item, on a turntable with a fixed camera”

But this seems excessive and the amount of data per image seems immense. I would have thought there would have been other ways of achieving this?

No.  Welcome to the Real World(tm) where doing things like 360-degree product shots involves a heck of a lot of resources.  Movies make it look easy.

To do this, you need a still photo of the product from every possible angle.  Software then stitches them together and provides the user interface to rotate the final result and display the particular angle you shot.
LVL 58

Assisted Solution

Gary earned 200 total points
ID: 40503255
70 is excessive, about 20 to 30 images should be enough, roughly 1 picture every 15-20 degrees
Unless you need a spherical view - top, bottom etc.

data per image seems immense
You end up with 1 image once it has been processed through a panorama program.

Author Comment

by:IT Man200
ID: 40511555
Thanks so far. I'll keep this open a few more days if that's OK in case anyone else has great insights but really useful already.
Will your db performance match your db growth?

In Percona’s white paper “Performance at Scale: Keeping Your Database on Its Toes,” we take a high-level approach to what you need to think about when planning for database scalability.

LVL 38

Accepted Solution

BillDL earned 1800 total points
ID: 40512538
Here's a few ways you can create an interactive 360 degree presentation for something like a figurine.

Use a digital camera in continuous shooting mode on a tripod (usually done with some form of "app") and rotate the subject smoothly and at a consistent speed on a turntable of some nature, then use an expensive application suite to render it.

You would be thinking about software like Adobe Scene to render the results
and/or apps like YouSpin:

The benefits of having the subject on a smoothly rotating turntable are that the camera is static and you don't have something that seems to jump around like the amateurish burger presentation on this page:
The lighting will be consistently from the same position so the shadows (if any) will be consistently in the same place.

To actually move the camera around a fixed subject 360 degrees taking photos or a video would require a rig of some kind.  Depending on the size of the statue, this wouldn't necessarily have to be complicated or expensive equipment.  A potter's wheel, cake stand, "lazy susan" spice rack with a hole through the centre, etc.  The downside of this method is that you would either have to use a depth of field deliberately to blur out the changing background behind the object, or have a fixed backdrop canvas or card that rotates at the same speed as the camera.

If I needed to do this myself rather than hiring a professional, I would be inclined to just make a rig to rotate the camera around the object, or rotate the object in front of a fixed camera, and take a video of it.  Placed on a video hosting site and then embedded into a web page with some notes about the object, most people would be able to view the video as long as it has the option to render as Flash or as a supported video type in an HTML5 capable browser.

It should be noted that my interest in Adobe Scene is only theoretical as I could never hope to afford it nor justify the expenditure.

Author Comment

by:IT Man200
ID: 40540304
Thanks all and BillDL2014. Very useful.

I've been looking more into this. Do you know if there is a way to have say a bit of an automated system that for example allows this to be easily created.

Therefore you just put your object into box. Press the start button, it starts the rotating and picture process. Processes all the data, and out pops your 360 degree image on a network share.

If this is not available to buy outright, is it something that someone with the right knowledge could setup a rig as such, so that in the future a lay person could just do this and press a button?

Author Closing Comment

by:IT Man200
ID: 40731661
Thanks all for the input. Due to the cost that project was going to end up costing it has been abandoned for the time being. But we did make some demos using the information from here so thank you.

Featured Post

NEW Veeam Agent for Microsoft Windows

Backup and recover physical and cloud-based servers and workstations, as well as endpoint devices that belong to remote users. Avoid downtime and data loss quickly and easily for Windows-based physical or public cloud-based workloads!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn how to count occurrences of each item in an array.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

670 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question