使用CSS3 / Javascript的真实世界3D模型

时间:2012-08-03 00:05:52

标签: javascript css html5 css3 html5-animation

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

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

2 个答案:

答案 0 :(得分:1)

有一个名为Three.js的Javascript 3d库 - https://github.com/mrdoob/three.js/ 或者如果你正在寻找像矢量这样简单的东西,你可能想看看Raphael.js - http://raphaeljs.com

答案 1 :(得分:0)

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

但是有一个很好的小库,它结合了Javascript和CSS3来创建一些3dish效果:http://www.edankwan.com/lab/css3dEarth

我认为这就是你需要的!