如何使用 html5 canvas + js 进行粒子缩放过渡？答案

【问题标题】：How do I make a particle zoom transition using html5 canvas + js?如何使用 html5 canvas + js 进行粒子缩放过渡？
【发布时间】：2018-08-24 17:35:54
【问题描述】：

我正在尝试为我的网站制作一种类似于滚动时可以找到here 的过渡效果。我到处搜索，似乎找不到任何与它密切相关的东西。我已经开始浏览该网页上的代码，但我真的没有时间浏览近 50,000 行代码并进行测试以找到我需要的部分。我要为我的网站做的唯一不同是我希望粒子是圆形的，而不是正方形的。任何人都可以提供任何帮助将不胜感激。

【问题讨论】：

代码都在文件 desktop-841e6f377c020b84c060.min.js 的末尾...搜索...“仅当四元数尚未标准化时才需要”这是一个凌乱的平面 js 文件：（
谢谢@AnyMoose。结合 fsinisi90 给我的资源，你们都引导我朝着正确的方向发展，以完成这样的事情。听起来和看起来都不容易，但我可以迎接挑战。

标签： javascript html5-canvas particles

【解决方案1】：

该网站的创建者使用Three.js 来实现该效果。实现起来并不容易。

这些示例可能对您有所帮助，但您应该先学习the basics。

【讨论】：

谢谢。你给了我一些很好的资源来学习和学习。我在搜索中遇到了three.js，但不确定这是我需要的。我很感激这些资源。