这是一个简单、直接的可视化实现，让人想起经典的 Windows 95 星空屏幕保护程序。

它也是交互式的：您可以触摸屏幕或使用加速计来影响运动的方向。

这就是它的工作原理：

• 创建一堆粒子 (100)，每个粒子处于随机位置。
• 每一帧，将每个粒子进一步远离中心*。粒子距离中心越远，它就会变得越明显。这给人一种错觉，即粒子正在靠近观察者，或者观察者正在进一步进入太空。
• 中心并不是真正的屏幕中心，而是一个可变点，用户可以通过移动光标或倾斜设备来影响它。
• 当粒子离开视图时，再次将它们放在中心附近，这样可以使可视化永久持续。

在这篇博文中，我想分享广受好评的源代码，以演示使用几行代码和基本数学知识创建具有视觉吸引力的动画是多么简单。

digital-solution-designer

系统化设计数字化解决方案，涵盖方案类型识别、政策背景分析、需求分析、建设思路设计、架构设计（业务、功能、数据、技术四维度）、技术选型、具体建设内容、实施规划、风险评估和投资估算的全流程能力。适用于规划类、申报类、可研类、投标类和工作汇报类等多种方案产出场景，覆盖政府数字化转型和企业数字化转型两大核心领域。

下载

立即学习“Java免费学习笔记（深入）”；

请单击此处查看实际的可视化效果！

代码可以在这个要点中找到：

<script id="gist-ltag" src="https://gist.github.com/KaeruCT/2710cf4f92cd030b44dea80ec0a04996.js"></script>