幾年前，粒子動畫席卷了網(wǎng)絡，并成功地為自己開辟了一個利基市場。當前對具有高科技氛圍和幾何裝飾的設計的巨大癡迷使它們成為當今更受歡迎的解決方案之一。

使用粒子動畫給人留下深刻印象隨著時間的推移，技術成熟了。從散落在畫布上的雜亂無章的小白點，它變成了一種潛力巨大的工具。這不是什么特別的東西，但它有一定的令人驚嘆的因素。此外，它完美地為高科技、幾何和商務美學做出了貢獻——自然而然地完成了它們。

前提是：粒子動畫要給人留下深刻印象。而且，開發(fā)人員始終堅持這一假設，充分利用它。讓我們考慮一下這個解決方案的真正粉絲創(chuàng)建的一些驚人的代碼片段。

NO.1 Justin Windle 的 30,000 個粒子

這里的標題不言自明。船上有 30,000 個粒子，您會期待一些宏偉的東西。賈斯汀溫德爾當然達到了我們的期望。他的概念令人難以置信。用你的鼠標到處玩。物理學只是例外。這個版本的粒子動畫在開發(fā)者中很受歡迎，盡管規(guī)模沒有那么大。

NO.2 Alex Safayan 在水中的魚

Alex Safayan 提出了幾乎相同的解決方案，但在這種情況下，粒子越來越大。鼠標光標也將這些點推開，形成帶有微妙漣漪效果的痕跡。動畫的行為讓人想起魚靠近水面時的運動。注意物理學：點之間的相互作用是經(jīng)過深思熟慮的。

獲得 2017 年度最受關注項目獎的 Plankton 無疑是值得關注的。該項目不僅著迷于想法，還著迷于實現(xiàn)。從像手套一樣適合這里的微妙色彩到看起來令人難以置信的自然的華麗行為，Marco Dell'Anna 對細節(jié)有著敏銳的洞察力。

我喜歡這里華麗的復古氛圍、霓虹燈和華麗的色彩。很難把你的眼睛從它身上移開。Stardust 是設計和編碼的共生體，是一部鼓舞人心的杰作。

Akimitsu Hamamuro 邀請您在他的游樂場添加所謂的“重力點”。它們侵入點的混亂運動，像磁鐵一樣拉動它們。雖然它們不扮演軌道中心的角色；然而，它們形成了迫使粒子向其方向移動的焦點。

如今，球體是英雄區(qū)域非常流行的風格選擇。Nate Willey 對這一趨勢的看法令人印象深刻。由于微小的顆粒，球體看起來很脆弱，同時由于經(jīng)過深思熟慮的行為而堅固。他分解和重新形成球體的程序非常棒。

Kevin Rajarm 汲取了粒子動畫的美麗和優(yōu)雅，并用Three.js的強大來增強它，帶來了一個精致但真正復雜的概念。令人驚嘆的海浪景色讓人感覺未來主義、人工和迷人。

還有更令人印象深刻的使用粒子動畫的方法。讓我們走出常規(guī)，開箱即用地思考：這種方法很容易使標識和字母等元素受益。

Interactive Particle Logo 就是一個典型的例子。它看起來像是上面提到的 Justin Windle 片段的重新設想的解決方案。雖然沒有 30,000 個點，但它由數(shù)量驚人的粒子組成，巧妙地組成了“CODEPEN”這個詞。這是該概念找到實際用途的案例之一。

Louis Hoebregts 在這支筆中提供了先前解決方案的彩色版本。這里的文本是由一千個彩色實心圓圈組成的，這些圓圈通過與上一個示例相同的交互性來豐富。

雖然這不是一個戲劇性的入口，但它有一些令人著迷的東西。流暢的動畫慢慢揭開人物的面紗，點燃我們的興趣。這個概念有某種神秘的風格，類似于“陌生人”的介紹。

這是Marco Dell'Anna的又一杰作。這一次，粒子動畫參與塑造了著名的耐克標志。從晦澀、半透明到明快、立體，動畫逐漸暴露了標志，不顯眼地抓住了整體的注意力。

粒子動畫是越小越好的情況之一。點越小，可以實現(xiàn)的效果就越令人印象深刻。一方面，由于涉及幾何和物理，它看起來很復雜。另一方面，由于精致的形狀，它看起來脆弱而微妙。這種獨特的融合使粒子動畫與眾不同且引人注目。

粒子動畫在企業(yè)網(wǎng)站建設中的運用案例

圖片來源：素馬設計

圖片來源：易度智能科技官網(wǎng)

圖片來源：素馬設計