2012-01-23 19 views
0

http://www.html5canvastutorials.com/webgl/html5-canvas-webgl-plane-with-three-js/使用HTML 5动画效果是否需要JavaScript?

在这个例子中它只是一个旋转平面。

我是一个HTML 5初学者:)

但是,要看很多计算怎么做的JS代码。

我没有任何麻烦。

但这是怎么回事? (同时学习html5)

对于每个动画我应该寻找js代码?(并尝试将其定制到我的需要)??

如果是这样,是否有任何html5动画一般脚本centrelized的地方?

+1

如果你认为这是很多代码,现在停下来放弃。这不是很多代码。 – Rob

+1

@rob我不害怕代码我只是问我是否应该知道所有这些角度计算等...... –

+0

这是3D编程,操纵和风景的本质。 –

回答

1

取决于。

可能使用canvas和JS。该代码只是一个原始绘图板,因此它受制于大多数类似场景中使用的相同绘图代码。 three.js(用在那个例子中)用来使事情变得更容易,并且为画布设置3d drawing context会有所帮助,但它与three.js几乎相同(甚至可能使用它,不知道,以前没用过)。

但是,这就是说,对于这样的简单事情,CSS 3 3D animations将使事情成为可能。你可以修改像透视和旋转的东西,并获得这样的效果。所以这取决于你将使用它。

如果您可以避开CSS和元素,那么它可能非常容易(关键帧和CSS样式)。但是如果你正在寻找更复杂的3D效果,那么会比较复杂。

+0

JS和CSS的效果相同,我应该选择css吗? –

+0

@RoyiNamir这将取决于。 JS引擎可能会更快,所以如果你做了很多事情,或者做了复杂的事情,那么WebGL和JS就是要走的路。如果你想要获得简单的效果,那么CSS很值得。此外,画布兼容性高于CSS 3(尽管对WebGL加速效果来说不是太多)。 – Ktash

相关问题