使用HTML 5動畫效果是否需要JavaScript？

在這個例子中它只是一個旋轉平面。

我是一個HTML 5初學者:)

但是，要看很多計算怎麼做的JS代碼。

我沒有任何麻煩。

但這是怎麼回事？（同時學習html5）

對於每個動畫我應該尋找js代碼？（並嘗試將其定製到我的需要）??

如果是這樣，是否有任何html5動畫一般腳本centrelized的地方？

2012-01-23 Royi Namir

如果你認爲這是很多代碼，現在停下來放棄。這不是很多代碼。 – Rob

@rob我不害怕代碼我只是問我是否應該知道所有這些角度計算等...... –

這是3D編程，操縱和風景的本質。 –

取決於。

可能使用canvas和JS。該代碼只是一個原始繪圖板，因此它受制於大多數類似場景中使用的相同繪圖代碼。 three.js（用在那個例子中）用來使事情變得更容易，並且爲畫布設置3d drawing context會有所幫助，但它與three.js幾乎相同（甚至可能使用它，不知道，以前沒用過）。

但是，這就是說，對於這樣的簡單事情，CSS 3 3D animations將使事情成爲可能。你可以修改像透視和旋轉的東西，並獲得這樣的效果。所以這取決於你將使用它。

如果您可以避開CSS和元素，那麼它可能非常容易（關鍵幀和CSS樣式）。但是如果你正在尋找更復雜的3D效果，那麼會比較複雜。

2012-01-23 22:05:36 Ktash

JS和CSS的效果相同，我應該選擇css嗎？ –

@RoyiNamir這將取決於。 JS引擎可能會更快，所以如果你做了很多事情，或者做了複雜的事情，那麼WebGL和JS就是要走的路。如果你想要獲得簡單的效果，那麼CSS很值得。此外，畫布兼容性高於CSS 3（儘管對WebGL加速效果來說不是太多）。 – Ktash

回答