三.js动画

Posted 2023-05-07

【中文标题】三.js动画

【英文标题】：Three.js animation

【发布时间】：2016-04-19 14:24:57

【问题描述】：

利用 ThreeJS 作为讲故事项目的时间线的最佳编码选项是什么？我想使用 ThreeJS 为之前制作的“威尼斯商人”中的演员故事制作动画。我有剧中演员的剧照和视频，我将建立一个 3D 剧院布景，讲述他的制作故事，并在 3D 剧院布景周围移动显示制作的剧照和视频。

我使用 Flash 开发 (Actionscript 3) 编码已有好几年了。我还用 After Effects 制作了很多动态图形。是的，我绝对想使用 ThreeJS / WebGL 技术。我不想用 After Effects 来做。我不想用 Flash 来做。我绝对想使用 ThreeJS。

我要问的是，谁能给我指出一个高效的 javascript 库，它可以最好地利用 ThreeJS 作为从头到尾讲述动画故事的时间线？我见过一些选项，例如 Timeline.js、Greensock Tween engine with ThreeJS； Threejs.org 上有一个很好的例子，它部署了谷歌的“Kuda”库，展示了一个泵建筑本身。作为开发人员，我们都知道这个老故事：“哦，是的，你可以尝试一下——但这会更好。”

抱歉，如果我的问题冗长而模糊，但我想尽早做出最佳选择，而不是迟到。我确实想要 ThreeJS。使 ThreeJS 成为讲故事的时间线的最佳编码选项是什么？

非常感谢所有输入。干杯 基思 KSQ设计

【问题讨论】：

我觉得你的问题太笼统了。你不能指望这里有教程，所以也许你已经尝试了一些可以展示的东西？

我同意，你是对的。这个问题太宽泛了。我发帖的时候也是这么想的。当我有具体的例子要讨论时，我会更新。同时，如果我可以坚持最初的问题，那就是：使 ThreeJS 成为讲故事的时间线的最佳 JS 库/编码选项是什么？我不是要搭便车。只是以为有人可能已经走上了同一条路。我会不断尝试和更新。谢谢。

请检查Tour。要求“最好的 JS 库”不是 *** 的目的。

赫林，我同意。我将发布我的代码并从这里开始更具体。

嗯，我正要发布#timeline-jscode，它将完全适合您的项目。我想听听你的意见。

【参考方案1】：

通常做的是使用几个库的组合，在这种情况下，https://greensock.com/ 非常适合与 ThreeJs 混合，他甚至组合 IS USING CSS Animations, it IS ART AND Hay Que Occupy All Resources 。 我的英语不太好，saludos。