Graphics 人们是如何开始编写这样的代码的？这背后有什么想法/想法？

我最近在网上看到了这个网站，它让我大吃一惊。有人是如何开始编写类似烟熏/流体效果的程序的？另一件我甚至不能开始概念化的事情是一个音乐节目的可视化工具

我只有两年的编程经验，但我相信我能看到（至少我认为我能看到）各种程序中代码背后的模糊想法，以及这些程序需要什么。然而，创建抽象视觉效果图的程序（因为缺少更好的词语），比如我链接到的站点或可视化工具，在我试图思考如何完成类似的事情时，完全让我感到困惑

为了回答这个问题，我正在寻找一个相当高层次的程序定义，但足够低，它包括编码的概念和想法，我可以进一步研究。 因为这个问题并不像本网站上的其他一些问题那样“具体”，所以合适的答案可能包括：

• 编码者的思维过程（你想象的是在抽象的视觉代码/高层次的代码定义中发生的事情）
• 空气污染指数
• 伪代码
• 源代码
• 指向解释类似主题的内容的链接

然而，这些只是我寻找的答案类型的指南。请记住，我不仅仅对那个网站感兴趣，而是对抽象视觉程序背后的编码思想和概念感兴趣。我希望我能理解我所困惑/感兴趣的东西。如果有人对我的问题有疑问，我会很乐意澄清。提前感谢您的回复

---

编辑：为了进一步定义我感兴趣的想法，这里有一篇关于有趣的视觉渲染的文章：

对于nkwiatek.com示例，我想这样开始：

• 创建一些JavaScript函数，使字符跟随鼠标。例如，一开始它可以是这样一个简单的形状：

哦 噢 噢 哦

• 一旦这项工作正常，请让它留下一条线索，并保留对添加到屏幕上的每个字符的引用（稍后需要）

• 现在，让每个生成的字符半随机，并使用前面提到的引用不断更新屏幕上的字符。角色离鼠标越远，它看起来就越小。i、 e.鼠标附近的字符可以是“大”的，如AMHIJKL等。距离更远的字符可以是更小的，如-~=，等等，等等

---

这应该已经是一个很好的动画了。在那之后，我认为有一个函数可以使所有的东西都以波浪的形式运动。这似乎是基于鼠标的速度。也许有一些关于如何产生这种效果的研究论文。

这是一个令人惊奇的背景

如何开始？转到网页并点击Ctrl+U。这是Javascript，所以源代码就在那里。从那以后。。。学习这家伙的代码看起来很清楚，但他所做的当然很复杂，所以需要一些时间。我认为时间花得很好

更高层次的事情，比如那家伙在想什么。。。在研究代码之后，您将知道这一点

OOO OOOOO OOOOO OOO