HTML5画布动画效果

Question

请看一下这个网站。 https://www.ethereum.org/

在背景中播放动画效果很好。你会怎么称呼它，我该怎么做？

我仍在寻找有关此主题的任何示例和教程。到目前为止我能找到这个。 Motion graphic typeface demo

我仍在修改代码，但没有任何明确的方向，我没有得到任何结果。

Answer 1

以下是2个html5基于画布的路线供您探索。

这可以使用3D上下文（WebGL）在html画布中完成。

WebGL的：

• 使用html5画布模拟3D对象。
• 允许您创建与示例链接类似的形状。
• 允许您将纹理应用于形状（或者只是将形状保留为线框）。
• 允许您变换形状（移动，旋转，缩放）

这是一个使用threeJS的例子，一个流行的3D库：

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

如果您要部署的浏览器尚不支持webgl，您可以使用2D上下文来模拟简单的3D图形：

以下是使用python使用2D上下文模拟3D的示例：

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

Answer 2

它不是您链接的示例中的画布，而是视频标记。