生长树/分形类型动画

Question

这是一个更“学习/使用什么技术”的问题。基本上，我是一名网页设计师/开发人员，目前在大学二年级，并希望开始开发我的个性化投资组合网站。

我最近开始研究 CSS3 动画，上帝真是太棒了。无论如何，我的新投资组合想法是创建一个基本上基于动画的网站。我知道 CSS 动画目前是一个有限的选项，因此想知道我是否需要深入研究一些 JavaScript 以获得所需的结果。从本质上讲，该网站将像一个“花园”或只是自然。我使用基于矢量图的图形，让树木在负载时从“地面”长出，云层扫过和其他类似的事情。

我将制作动画的最复杂的东西是将树作为云，并且可以使用 CSS 转换和动画。这是我希望树如何生长并看起来像毕达哥拉斯树的示例。

http://andrew-hoyer.com/experiments/fractals/

我不希望或不需要它根据鼠标移动或向右或向左弯曲而增长。只需从盒子到毕达哥拉斯树。

感谢您的帮助。

Answer 1

您可以使用三或d3或类似的几何库。