使用CSS3/Javascript的真实世界三维模型

使用CSS3/Javascript的真实世界三维模型,javascript,html,css,html5-animation,Javascript,Html,Css,Html5 Animation,我需要旋转/动画360度。一个真实世界的3D对象从智能手机浏览器。当用户在屏幕上滚动时,真实世界的对象(如汽车)需要旋转或设置动画。一个选项可以一个接一个地替换图像 使用CSS3/Javascript有没有更好的解决方案?有一个名为Three.js的Javascript 3d库- 或者,如果你想找一些更简单的东西,比如vectors,你可能想看看Raphael.js-Three.js不会是移动浏览器的最佳选择,考虑到WebGL实现在iOS Safari上仍然是一个愿望,即使它不是Android。

我需要旋转/动画360度。一个真实世界的3D对象从智能手机浏览器。当用户在屏幕上滚动时,真实世界的对象(如汽车)需要旋转或设置动画。一个选项可以一个接一个地替换图像


使用CSS3/Javascript有没有更好的解决方案?

有一个名为Three.js的Javascript 3d库-
或者,如果你想找一些更简单的东西,比如vectors,你可能想看看Raphael.js-

Three.js不会是移动浏览器的最佳选择,考虑到WebGL实现在iOS Safari上仍然是一个愿望,即使它不是Android。CSS3无法处理高复杂度的3D对象操作,因此从这个角度来看,它是有限的。它具有所有3D(旋转、缩放和变换)功能,但后期处理效果(可通过着色器获得)超出范围

但是有一个很好的小库,它将Javascript与CSS3结合起来,创建一些3dish效果:


我想这就是你需要的

谢谢你的评论。首先是图像质量问题。所以,无论如何,我需要使用汽车的图像。建立汽车的3D模型不是解决方案,因为它与图像不同。我需要如何只使用图像来模拟3D模型。你是否成功地创建了只使用图像的3D模型?我对学习如何做到这一点太感兴趣了。谢谢你的评论。由于现实世界中的物体(汽车)是非常复杂的建立三维模型,我计划去图像解决方案。我是否可以仅使用汽车图像模拟3D模型?这是可能的,如果您选择
Three.js
,则需要提供画布作为渲染上下文,否则将无法在iOS中使用。尽管有一个缺点:画布在某种程度上脱离了高渲染上下文的限制,这意味着可能会在这里和那里丢弃一些帧。