使用HTML5动画效果需要那么多javascript吗?

使用HTML5动画效果需要那么多javascript吗?,javascript,jquery,html,Javascript,Jquery,Html,在这个例子中,它只是一个旋转的平面 我是HTML5初学者:) 然而,看看JS代码进行了多少计算 我没有任何问题 但事情就是这样?(学习html5时) 对于每个动画,我都应该查找js代码?(并尝试根据我的需要进行自定义) 如果是这样,html 5动画的通用脚本是否有任何中心化的位置?视情况而定 可能是使用canvas和JS。该代码只是一个原始绘图板,因此它受在大多数类似场景中使用的相同绘图代码的约束。three.js(如该示例中所用)用于简化操作,使用for canvas会有所帮助,但它与thre

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

我是HTML5初学者:)

然而,看看JS代码进行了多少计算

我没有任何问题

但事情就是这样?(学习html5时)

对于每个动画,我都应该查找js代码?(并尝试根据我的需要进行自定义)

如果是这样,html 5动画的通用脚本是否有任何中心化的位置?

视情况而定

可能是使用canvas和JS。该代码只是一个原始绘图板,因此它受在大多数类似场景中使用的相同绘图代码的约束。three.js(如该示例中所用)用于简化操作,使用for canvas会有所帮助,但它与three.js几乎相同(我不知道,它甚至可能正在使用它,我以前从未使用过)

然而,也就是说,对于这样简单的事情,将使事情成为可能。您可以修改透视和旋转之类的内容,并获得类似的效果。因此,这取决于你将使用它做什么


如果你能摆脱CSS和元素的束缚,那就很容易了(关键帧和CSS样式)。但是如果你想要的是更复杂的3d效果,而不是“是”,那么它会更复杂。

如果你认为这是一大堆代码,现在就停下来,放弃吧。这不是很多代码。@rob我不害怕代码我只是问我是否应该知道所有这些角度计算等等……这就是3D编程、操作和场景的本质。@RoyiNamir:如果可能的话,你应该随时了解你的代码在做什么(也就是说,你可以在某个时候使用数学库来解决你头脑中的问题,但你仍然应该理解模型。)对于JS与CSS的相同效果,我应该选择CSS吗?@RoyiNamir这取决于它。JS引擎可能会更快,所以如果你做很多事情,或者做复杂的事情,那么WebGL和JS就是最好的选择。如果你想要简单的效果,CSS可能非常值得。而且,画布兼容性比CSS 3更高(尽管对于WebGL加速效应而言,效果并不明显)。