Mobile app version of vmapp.org
Login or Join
Kristi927

: Possible to create 3d rotating foods? I've been looking around but it's very tough to find information on how to create 3D rotating objects on the web. I am interested in creating 3D rotating

@Kristi927

Posted in: #Css

I've been looking around but it's very tough to find information on how to create 3D rotating objects on the web.

I am interested in creating 3D rotating pieces of food like fruits, etc.

What is the best way to approach this problem?

1) I don't think it can be done with CSS3 3D transform.

2) Can it be created with some sort of 3D graphics program?

Or is the only option to take physical 3D, frame-by-frame sprite photos?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Kristi927

1 Comments

Sorted by latest first Latest Oldest Best

 

@Looi7658678

You're right that a CSS 3D transform probably isn't what you're after, since it's difficult to make anything except a flat plane rotate.

WebGL is becoming more common now, and there's a great JavaScript library "Three.js", which makes it easy to load a 3D model and display it in modern browsers.

The traditional approach, however, is still probably your only option if you need to support browsers that don't have WebGL. That is, a frame-by-frame animation. This could be a looping video, a GIF, or a "Sprite sheet" that you animate with JavaScript.

Good luck.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme