Three.js 的交互式鼠标效果

Question

非常感谢对此提供的一些帮助。 我是three.js的新手，我想我阅读并观看了所有视频以理解，但仍然无法在我正在制作的编码网站上实现这种效果：

Interactive Mouse Effects with Three.js

就在“var animate”部分之后，我收到“未定义多维数据集”的错误 所以我在措辞如果本教程缺少部分？？

另外，我下载了他的整个项目，看看我在哪里搞砸了，但他的代码与教程完全不同。我没有使用包裹，我将 cdnjs 用于three.js，所以我想知道它是否仍然适用于 RendererPass EffectComposer 和 ShaderPass 文件。我需要那些吗？

我对最勇敢的人的最后一个问题是，当我最终实现这一点时（在您的宝贵帮助下）是否有由于使用此库而需要知道的重要信息，以便我可以在线上传？

非常感谢，非常感谢！！

Answer 1

恐怕文章中的“基本 Three.js 设置”代码 sn-p 不完整，因为它不包含多维数据集的创建方式。因此，执行此代码会导致动画循环中出现运行时错误。如果您是three.js 的新手，请使用官方指南Creating a scene 中的代码。

我想知道它是否仍然适用于 RendererPass EffectComposer 和 ShaderPass 文件。我需要那些吗？？

是的，如果您想使用后处理，则需要这些文件。还有另一个名为 How to use post-processing 的指南解释了基本用法。

是否有由于使用此库而需要知道的重要信息，以便我可以在线上传？

我会说不^^。您可以将库文件包含为全局脚本或 ES6 模块（推荐）。对于更复杂的应用程序，实际上最好使用像 rollup（或 Parcel）这样的构建工具。对于前一个工具，实际上有一个starter project，它演示了一个简单的three.js 构建。