某人甚至開始編寫這樣的代碼？這背後有什麼想法/想法？

Question

我最近遇到這個網站上的http://nkwiatek.com/，它完全讓我失望。人們如何開始編程如煙霧/流體效應？我甚至無法開始構思的另一件事是用於音樂節目的可視化工具。

我只有兩年的編程經驗，但我相信我能看到（至少我認爲我可以）隱藏在各種程序中的代碼背後的模糊想法以及這些程序需要什麼。然而，創建抽象視覺效果圖的程序（如缺乏更好的單詞），例如我鏈接到的網站或可視化工具，在我試圖思考如何完成這樣的事情時完全困擾我。

對於一個答案，我正在尋找一個相當高水平的程序定義，但它足夠低，它包含了我可以進一步研究的編碼概念和想法。 因爲這個問題是不完全的「具體」，因爲一些本網站上的其他問題，一個合適的答案可能包括：編碼器（你想象的

• 思想過程是在抽象的視覺代碼發生/代碼的高級別定義）
• API的
• 僞碼
• 的源代碼
• 鏈接的內容，解釋與此類似

主題3210

但是，這些只是我正在尋找的答案類型的準則。請記住，我對這個網站並不感興趣，但更多的是抽象視覺程序背後的編碼思想和概念。我希望我能理解我感到困惑/感興趣的內容。如果有人對我提出的問題有任何疑問，我會很樂意澄清。預先感謝您的回覆！

編輯：爲進一步明確，我感興趣的想法，這裏是一個有趣的視覺渲染的文章：http://www.iquilezles.org/www/articles/warp/warp.htm

Answer 1

對於nkwiatek.com例如，我就開始這樣的：

• 創建一些使角色跟隨鼠標的JavaScript功能。這可能是例如像一個簡單的形狀，第一：

 OOO 
OOOOO 
OOOOO 
    OOO

• 一旦這樣的工作，使之留下痕跡，並保持到已添加到屏幕上的每個字符的引用（會稍後需要）

• 現在使每個生成的字符半隨機，並使用前面提到的參考不斷更新屏幕上的字符。一個角色離老鼠越遠，它應該看起來越小。即鼠標附近的字符可能像AMCDEF那樣「大」，等等，遠處的字符可能更小，例如等等等等。

這應該已經是一個很好的動畫了。在那之後，我認爲有一些功能可以讓所有事情都以一種浪潮進行。它似乎是基於鼠標的速度。也許有一些關於如何產生這種效果的研究論文。

Answer 2

這是一個了不起的背景。

如何開始？轉到網頁並按Ctrl + U。這是Javascript，所以來源就在那裏。從那...學習。這個傢伙的代碼看起來很清楚，但他當然做的很複雜，所以需要一些時間。花時間，我會想。

更高層次的東西，比如這個人在想什麼......在學習完代碼後，你會知道這一點。