HTML5 Canvas動畫效果

Question

請看看這個網站。 https://www.ethereum.org/

有一個不錯的動畫在後臺播放。你會怎麼稱呼它，我該怎麼做？

我仍然在尋找任何樣品，關於這個問題的教程。到目前爲止我能找到的就是這個。 Motion graphic typeface demo

我仍然在修改代碼，但沒有任何明確的方向，我沒有得到任何地方。

Answer 1

這裏有2個html5基於Canvas的方向供您探索。

這可以在使用3D上下文（WebGL）的HTML畫布中完成。

的WebGL：

• 模擬使用HTML5畫布的3D對象。
• 允許您創建一個類似於您的示例鏈接的形狀。
• 允許您將紋理應用到形狀（或者只是將形狀保留爲線框）。
• 讓你變身形狀（移動，旋轉，縮放）

下面是一個使用threeJS一個例子，一個流行的3D LIB：

http://threejs.org/examples/#webgl_geometry_shapes

如果瀏覽器（S）你打算要部署在尚未支持webgl上，您可以使用2D上下文來模擬簡單的3D圖形：

下面是使用python模擬3D使用2D上下文的示例：

http://codentronix.com/2011/04/20/simulation-of-3d-point-rotation-with-python-and-pygame/

Answer 2

這不是您鏈接到的示例中的畫布，而是視頻標記。