Gemini 3做粒子互動特效很出圈？拿 TRAE SOLO 來實現一波！

Gemini 3做粒子交互特效很出圈？拿 TRAE SOLO 来实现一波！

大家好，我是不如摸魚去，歡迎來到我的 AI 編程分享專欄。

前幾天在家養病時刷抖音，刷到了很多用 Gemini 3做粒子交互特效的視頻，感覺很不錯，TRAE SOLO 正好也整合了 Gemini 3 pro，今天就分享一下如何用 TRAE SOLO 快速製作一個告白粒子交互特效。

關於 TRAE SOLO 正式版

11 月 12 日 TRAE SOLO 正式版上線了，新增三欄佈局、DiffView 工具、SOLO Coder + Plan，支持多任務並行等功能，在前幾天整合了 Gemini 3 pro 也算是填補了 Claude Sonnet 4 的空白。

我可是 TRAE SOLO 老用戶了，SOLO 模式（Beta 版）上線的時候我就拿到了 SOLO CODE，並且使用它完成了「復刻童年坦克大戰」、「像老鄉雞那樣做飯小程序」等實踐，並且在實際工作中使用 TRAE 參與了很多任務的開發。如今正式版發布，而且整合了 Gemini 3 pro，自然要嘗試一番。

想想做點什麼

當刷到類似的視頻時，我想可以做個《伍六七》裡面的「以氣御剪」或者「魔刀千刃」，後來想了想放棄了，那個模型應該好複雜😂。後面又想到《楚門的世界》，不知怎麼突然想到的，裡面有句台詞：假如再也見不到你，祝你早安午安晚安。就拿這句台詞來做個交互效果吧，假如你再也刷不到我的文章，再也不會給我點讚，祝你早安午安晚安（手動🐶）。

開始SOLO

準備

我們可以把自己當作一個小白，完全不懂應該如何實現這個粒子交互特效，但是要哪些功能和手勢是我們需要提供的，我總結了需求如下：

基於原生h5、瀏覽器、PC攝像頭實現手勢控制粒子特效交互的邏輯，粒子默認離散，類似銀河系分佈緩慢移動，同時有5種手勢：
手勢1: 握拳，握拳後粒子聚攏顯示愛心的形狀
手勢2: 展開手掌並揮手，展開手掌揮手後粒子從當前狀態恢復到離散狀態
手勢3: 👆 比 1 ：只有食指伸直，其他 3 根彎曲，此時粒子聚攏顯示第一句話：以防再也見不到你
手勢4: ✌ 比 2 ：只有食指和中指伸直，其他 2 根彎曲，這時粒子聚攏顯示第二句話： 祝你
手勢5: 👌 比 3 ：只有中指、無名指、小指伸直，食指彎曲，此時粒子聚攏顯示第三句話：早安，午安，晚安

然後打開 TRAE，切換到 SOLO Builder 模式，選擇 Gemini-3-Pro 模型，當然也可以選擇 GPT5，不過我感覺它不如 Gemini-3-Pro 好用。

SOLO

發送我們的需求給 TRAE SOLO

我們的需求很簡單，它一輪就做出來了，並且會輸出總結

我們可以看到它完整實現了需求中提到的功能，並且將技術棧和代碼結構介紹得很清楚。

部署

在 TRAE 的中欄選擇瀏覽器，並部署，它會幫我們把製作好的內容部署到 vercel 上

部署地址：traeproject1ckaf.vercel.app/

體驗效果

效果還不錯，符合需求了，哈哈。

總結

本次我們用TRAE SOLO 輕鬆實現了《早安午安晚安粒子交互特效》，可以看出 TRAE SOLO 正式版發布之後，功能上的增強還是很不錯的，還有很多我們本次沒用到的功能例如 Plan 模式等也很有用，接入了 Gemini-3-Pro 後大模型的短板基本補上了。還有一點我們也可以從最近的更新動作上看出 TRAE 是想走大眾編程的路線，它想讓更少基礎和無基礎的人也能使用到 AI 編程。我在這也希望國產的 AI 編程工具和大模型能越來越好吧。

最後，祝你早安午安晚安。

歡迎評論區溝通、討論、分享👇👇

原文出處：https://juejin.cn/post/7583991680749764635