網易首頁 > 網易號 > 正文 申請入駐

操控宇宙萬物?Gemini3.0生成最火的3D粒子交互案例(圣誕老人、Jarvis)丨附HTML.代碼

0
分享至


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


以前需要數天寫Three.js和計算機視覺代碼,現在和AI對話幾輪就可以實現。鯨哥也參考和嘗試了一番,下面是這些案例的生成合集。 這些案例基礎的提示詞如下,大多是在這版本上不斷迭代。

用 Three.js 創建一個實時交互的 3D 粒子系統。要求: 1.通過攝像頭檢測雙手張合控制粒子群的縮放與擴散 2.提供 U 面板可選擇愛心/花朵土星/佛像/煙花等模型 3.支持顏色選擇器調整粒子顏色 4.粒子需實時響應手勢變化

1、圣誕老人?

一開始讓Gemini生成3D粒子交互系統,它沒聽懂,只生成了一個視頻。

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

而且能用手勢控制旋轉和爆炸效果,是不是很浪漫。


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


2、圣誕樹?

在圣誕樹周圍布滿照片,手勢可以控制圣誕樹的爆炸效果,照片點擊可以放大。


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


2、賈維斯操作神經網絡

這里面還有愛心、銀河等神經網絡,可雙手操作變化。



3、星環、愛心、佛像和煙花



4、漫威宇宙魔法盤


可以放大后爆炸效果的魔法盤。


實際上,這些案例很難靠準確的Prompt描述,更多是跟AI過招。類似魔法盤案例,我是找原圖提供給AI,然后讓AI描述這些元素,以及需要執行的技術名詞。


然后當你了解了核心的迭代方向,就開始一次次讓AI迭代。

鑒于很多朋友是代碼小白,還是直接生成HTML代碼,會更方便展示。如果用復雜的TypeScript和Three.js/React Three Fiber 實現3D 交互體驗,很多朋友不會安裝環境的景況下,也許難以展示。

PS,文章中各個案例的完整代碼,公眾號后臺回復:3D粒子

特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相關推薦
熱點推薦
雷神山院長落馬,最揪心的是無數女醫護背后的家庭

雷神山院長落馬,最揪心的是無數女醫護背后的家庭

社會日日鮮
2026-04-21 08:34:40
"下單時2200,現在漲到3700",在淘寶買15張顯卡,5店鋪均拒發貨;淘寶:無法強制,望買家理解

"下單時2200,現在漲到3700",在淘寶買15張顯卡,5店鋪均拒發貨;淘寶:無法強制,望買家理解

大風新聞
2026-04-22 15:44:05
楊瀚森NBA生涯季后賽首勝:全場遭棄用躺贏 回主場后能否登場?

楊瀚森NBA生涯季后賽首勝:全場遭棄用躺贏 回主場后能否登場?

醉臥浮生
2026-04-22 10:47:21
功莫大于斬首,計莫毒于絕糧——特朗普雙向封鎖,欲困死伊朗?

功莫大于斬首,計莫毒于絕糧——特朗普雙向封鎖,欲困死伊朗?

高博新視野
2026-04-21 08:00:23
賴清德竄訪斯威士蘭受阻,鄭麗文:全世界都不支持“臺獨”

賴清德竄訪斯威士蘭受阻,鄭麗文:全世界都不支持“臺獨”

海峽導報社
2026-04-22 15:32:03
十五部門:加強青年婚戀觀引導,探索住房、出行、消費等多領域聯動的生育支持政策

十五部門:加強青年婚戀觀引導,探索住房、出行、消費等多領域聯動的生育支持政策

界面新聞
2026-04-22 11:51:12
卡戴珊和漢密爾頓海邊熱吻被拍 兩人是相隔8000公里的40歲+異地戀

卡戴珊和漢密爾頓海邊熱吻被拍 兩人是相隔8000公里的40歲+異地戀

勁爆體壇
2026-04-22 07:28:05
G2湖人101-94戰勝火箭 球員評價:4人優秀,3人及格,2人低迷

G2湖人101-94戰勝火箭 球員評價:4人優秀,3人及格,2人低迷

籃球資訊達人
2026-04-22 13:27:16
山西忻州市公務員局發布情況說明:楊某媛(女)與自媒體貼文中所分析的楊某媛并非同一人

山西忻州市公務員局發布情況說明:楊某媛(女)與自媒體貼文中所分析的楊某媛并非同一人

環球網資訊
2026-04-22 16:51:03
史上最全“屬相婚配表”,建議收藏!

史上最全“屬相婚配表”,建議收藏!

詩詞天地
2026-04-21 14:08:25
誰在反對普及邏輯課

誰在反對普及邏輯課

律法刑道
2026-04-22 12:43:49
情侶在瑞士雪山頂“撒歡”,就這么被全世界直播了···

情侶在瑞士雪山頂“撒歡”,就這么被全世界直播了···

新歐洲
2026-04-21 19:37:05
四十年來最大的謎:包產到戶后農民馬上就吃上了飽飯,是真的嗎?

四十年來最大的謎:包產到戶后農民馬上就吃上了飽飯,是真的嗎?

興趣知識
2026-04-22 03:35:27
女子腳踹保安后被反手扇一耳光,力道非常大,這能算正當防衛嗎?

女子腳踹保安后被反手扇一耳光,力道非常大,這能算正當防衛嗎?

十九妹
2026-04-22 13:37:52
張雪機車發布召回通告

張雪機車發布召回通告

界面新聞
2026-04-22 15:28:06
馬刺官宣:文班亞馬臉部重摔地板 觸發腦震蕩保護協議提前退賽

馬刺官宣:文班亞馬臉部重摔地板 觸發腦震蕩保護協議提前退賽

醉臥浮生
2026-04-22 09:17:19
港媒曝張曼玉“五官徹底分離”,61歲生圖惹爭議,倆部位面目全非

港媒曝張曼玉“五官徹底分離”,61歲生圖惹爭議,倆部位面目全非

冷紫葉
2026-04-20 17:12:17
“硬是撐了下來…”40歲男子心臟停跳2天后奇跡生還

“硬是撐了下來…”40歲男子心臟停跳2天后奇跡生還

黃河新聞網呂梁
2026-04-22 09:08:42
最高院:提供 “口交” “肛交”等進入式性服務,是否屬賣淫行為?

最高院:提供 “口交” “肛交”等進入式性服務,是否屬賣淫行為?

周軍律師聊案子
2026-04-21 09:50:16
三甲醫院科主任葉某萍被舉報“巨額財產來源不明”,1年前停職調查,舉報人:內部通知顯示其被查實“違紀違法”

三甲醫院科主任葉某萍被舉報“巨額財產來源不明”,1年前停職調查,舉報人:內部通知顯示其被查實“違紀違法”

極目新聞
2026-04-22 17:33:51
2026-04-22 18:03:00
鯨選AI incentive-icons
鯨選AI
最新AI產品化與商業化案例速遞
149文章數 38關注度
往期回顧 全部

科技要聞

對話梅濤:沒有視頻底座,具身智能走不遠

頭條要聞

特朗普180°轉彎延長停火 伊朗硬剛首次直接回絕談判

頭條要聞

特朗普180°轉彎延長停火 伊朗硬剛首次直接回絕談判

體育要聞

網易傳媒再度簽約法國隊和阿根廷隊

娛樂要聞

復婚無望!baby黃曉明陪小海綿零交流

財經要聞

伊朗拒絕出席 特朗普宣布延長停火期限

汽車要聞

純電續航301km+激光雷達 宋Pro DM-i飛馳版9.99萬起

態度原創

親子
游戲
健康
時尚
軍事航空

親子要聞

這下完了,3個孩子不認我這個外國媽!

性感美女韓游上線Steam!酥臉白腿嬌羞可愛

干細胞抗衰4大誤區,90%的人都中招

初夏穿赫本的白褲子,清新又高級!

軍事要聞

特朗普宣布延長停火 伊朗表態

無障礙瀏覽 進入關懷版