创建HTML5交互式动画和三维动画的软件

Question

我正在HTML5中做一个交互式动画项目。目前我使用Adobe动画cc，但动画cc不支持HTML5文档中的3D动画。我希望切换到其他一些软件，支持高质量的动画(2D和3D两者)和交互性。支持交互动画(2D和3D)的软件有哪些？它既可以是付费的，也可以是开源的，也可以是HTML5。

Answer 1

更多的信息将是非常有益的。你画的是什么？只是关键帧动画？你需要一个物理引擎做些特效吗？粒子和VFX呢？骨架动画？

有许多选择：

看起来可能和你以前不同，但值得一试：

• 样条(https://spline.design/)
• 子宫(https://www.womp.com/)

两者都是在线工具，集成了交互功能，使用起来也很有趣。

除此之外(还有更经典的方法)，我建议以下解决方案之一(您所选择的艺术和动画工具，例如Blender、Cinema4D、Modo或Maya都可以使用其中的任何一种)：

• Godot (https://godotengine.org/)完全成熟的游戏引擎，具有良好的HTML5支持
• Rogue (https://rogueengine.io/)引擎基于ThreeJS，与现代Webbrowser和HTML5完全兼容，为基于ThreeJS的项目提供了一个编辑器。
• Babylon.js - (https://www.babylonjs.com/)非常强大和专业的三维HTML5引擎，包括物理和材料编辑器之类的东西。总之，好的工具和强大的引擎
• ThreeJS - (https://threejs.org/)是Javascript/HTML5 5的基本3D框架，很受欢迎，但缺乏物理引擎甚至材料编辑器等特性(默认情况下)。

Answer 2

您可以尝试使用搅拌机进行三维建模、动画和纹理处理，以及它的多个插件之一，用于导出到web。

• Blend4Web
• 边缘3D
• X3DOM

搅拌器可以用润滑脂铅笔功能做2D动画，虽然我认为它不能被导出，而且可以用可导出的3D元素来模拟2D动画

Answer 3

我邀请您尝试一下何首乌 (免责声明:我正在运行它)，这是一个基于三个is的过程webgl编辑器。

编辑器完全基于节点，允许以无损的方式创建3D场景。

一些节点专门用于几何操作或着色器创建(类似于vfx软件Houdini)，还有一些节点专门用于向场景对象添加动画和行为(类似于Unreal)。

它还允许导出到香草js，react，vue，webflow，这使得它很容易集成到大多数网站，所以它似乎可以满足您的要求。

它也可以自由尝试，没有时间限制。核心库是开源，以便于在需要时创建自定义节点。