最近，用Gemini 3.0或者GPT 5.2做3D粒子交互，出現(xiàn)了很多爆火的案例，很多在抖音和小紅書(shū)上，都有上萬(wàn)贊。 他們生成能變化的愛(ài)心、圣誕樹(shù)，漫威宇宙的魔法盤(pán)，甚至是鋼鐵俠中的賈維斯等等，而且都可以手勢(shì)操作，十分酷炫。

以前需要數(shù)天寫(xiě)Three.js和計(jì)算機(jī)視覺(jué)代碼，現(xiàn)在和AI對(duì)話(huà)幾輪就可以實(shí)現(xiàn)。鯨哥也參考和嘗試了一番，下面是這些案例的生成合集。 這些案例基礎(chǔ)的提示詞如下，大多是在這版本上不斷迭代。

用 Three.js 創(chuàng)建一個(gè)實(shí)時(shí)交互的 3D 粒子系統(tǒng)。要求： 1.通過(guò)攝像頭檢測(cè)雙手張合控制粒子群的縮放與擴(kuò)散 2.提供 U 面板可選擇愛(ài)心/花朵土星/佛像/煙花等模型 3.支持顏色選擇器調(diào)整粒子顏色 4.粒子需實(shí)時(shí)響應(yīng)手勢(shì)變化

1、圣誕老人?

一開(kāi)始讓Gemini生成3D粒子交互系統(tǒng)，它沒(méi)聽(tīng)懂，只生成了一個(gè)視頻。

于是重新寫(xiě)文字提示詞，一遍遍迭代，最終生成了圣誕老人的3D粒子形象。

而且能用手勢(shì)控制旋轉(zhuǎn)和爆炸效果，是不是很浪漫。

這是HTML代碼截圖，完整獲取方式在文末。

2、圣誕樹(shù)?

在圣誕樹(shù)周?chē)紳M(mǎn)照片，手勢(shì)可以控制圣誕樹(shù)的爆炸效果，照片點(diǎn)擊可以放大。

這是最終的代碼，文末獲取。

2、賈維斯操作神經(jīng)網(wǎng)絡(luò)

這里面還有愛(ài)心、銀河等神經(jīng)網(wǎng)絡(luò)，可雙手操作變化。

3、星環(huán)、愛(ài)心、佛像和煙花

4、漫威宇宙魔法盤(pán)

可以放大后爆炸效果的魔法盤(pán)。

實(shí)際上，這些案例很難靠準(zhǔn)確的Prompt描述，更多是跟AI過(guò)招。類(lèi)似魔法盤(pán)案例，我是找原圖提供給AI，然后讓AI描述這些元素，以及需要執(zhí)行的技術(shù)名詞。

然后當(dāng)你了解了核心的迭代方向，就開(kāi)始一次次讓AI迭代。

鑒于很多朋友是代碼小白，還是直接生成HTML代碼，會(huì)更方便展示。如果用復(fù)雜的TypeScript和Three.js/React Three Fiber 實(shí)現(xiàn)3D 交互體驗(yàn)，很多朋友不會(huì)安裝環(huán)境的景況下，也許難以展示。

PS，文章中各個(gè)案例的完整代碼，公眾號(hào)后臺(tái)回復(fù)：3D粒子