Three.js 產品發表影片
社群靈感 · @Chris根據產品資料,用 Three.js 製作一段發表影片。先提煉三項可佐證的賣點並安排分鏡,再透過裝置、介面、文字與鏡頭運動逐步展示產品。所有畫面共用同一條時間軸,聲音配合剪輯節奏,結尾清楚呈現產品主張。
Claude Opus 5.5 選集收錄來源明確的程式動畫,涵蓋 Three.js 場景、Blender 動畫與資料視覺化。可從參考提示詞著手,調整主體、動作與資訊表達,理解同類創意如何展開。
根據產品資料,用 Three.js 製作一段發表影片。先提煉三項可佐證的賣點並安排分鏡,再透過裝置、介面、文字與鏡頭運動逐步展示產品。所有畫面共用同一條時間軸,聲音配合剪輯節奏,結尾清楚呈現產品主張。
請用 Blender 與 Python 建構一間小型自助洗衣店。透過程式碼完成空間、材質與光線配置,加入滾筒運轉和室內暖光變化,讓鏡頭呈現安靜、充滿生活氣息的立體場景。
用 Three.js 製作可旋轉視角觀看的雨夜街角微縮場景。主體是一間亮著暖光的便利商店,雨棚、自動販賣機與自行車分布在周圍;透過雨滴、水面漣漪和玻璃反光,營造室外冷色與室內暖色的對比。
設計一段由同一個圖形連續變形的介面動畫。讓按鈕、載入狀態、音樂播放器、滑桿與圖表依序出現,使用節制的黑白配色與彈簧運動。先規劃每個狀態和節拍,再撰寫可依時間定位播放位置的動畫,讓首尾形成自然循環。
圍繞一個主題設計十五秒的藝術動畫。先提供三種不同的靜態構圖方向,選定後為每個場景安排一個主要動作與少量循環細節;若加入音樂,讓視覺節奏與節拍對應,並檢查最終畫面的完整性。
製作一段倉儲物流流程動畫,讓車輛就位、堆高機卸貨、包裹分類與裝車依序發生。用清楚的空間關係和連續動作呈現各環節的銜接,讓觀眾能直接看懂貨物在倉庫中的流動方式。
將波特蘭一天的公車運行整理成地圖動畫。先展示全市路線,再依序放大不同區域,用移動標記呈現車輛行進。使用淺色底圖,並在局部視角降低移動速度,讓道路和站點關係容易觀察。
用二維動畫解釋最速降線問題。在相同起點與終點之間,同時展示小球沿直線、圓弧和擺線下落的過程,以軌跡、計時與簡短註解說明距離最短與花費時間最少的差別。
用程式碼創作一段十六秒的像素風敘事短片。先確定人物、關鍵動作和轉折,再用逐格造型與晶片音樂營造復古遊戲的質感;保持像素尺度一致,避免用縮小的向量圖形取代像素繪製。
用 Remotion 和 GSAP 製作一個簡潔的動態設計實驗室。將位移、文字大小、緩動、動態模糊、預備動作與收尾的跟隨動作設為可調參數,讓所有狀態共用同一條影格時間軸,方便逐格檢查動畫變化。
結合 Three.js 與 SVG,製作一段幽默的三維動畫。讓四隻穿著不同風格服裝的鵜鶘共騎一輛自行車,自行車位於懸浮跑車上方。協調角色踩踏與保持平衡的動作,並清楚呈現車輛噴口與懸浮狀態。
在單一 HTML 檔案中用 Three.js 建立彈珠音樂機。從每個音符預定響起的時間往前推算彈珠釋放時刻,讓撞擊與聲音準確落在節拍上。用清楚的軌道、接觸點與穩定鏡頭呈現整個過程。
製作一個具有空間縱深的三維物理實驗室。加入可切換的重力區、不同摩擦力的地面、會旋轉碰撞的剛體,以及相互排斥的流體。讓每項規則保持一致,並用清楚的多角度視圖呈現變化後的互動。
根據提供的品牌與產品資料製作一段程式動態短片。先規劃分鏡與主要視覺元素,以 GSAP 組織統一時間軸,並視需要加入 Three.js 三維場景。讓同一個物件或文字帶出下一個畫面,使用真實素材與可查證的資訊,檢查轉場銜接、文字可讀性及音樂節奏。
用 Three.js 建立一條電動馬達自動生產線。從鋼材進入雷射切割開始,依序呈現零件加工、輸送、組裝與最後的旋轉測試。讓設備動作、物料路徑與各工序的銜接都能直接看懂。
選擇一個 SteamOS 實用工具,製作介紹其運作方式的動畫短片。先梳理功能、關鍵模組與資料流,再將重要的程式步驟轉成簡潔的介面操作示範與圖解,逐段說明輸入如何變成結果。
製作一段軟體安全流程動畫。先繪出程式碼儲存庫、相依套件與權限關係,再追蹤不可信輸入如何進入查詢。發現漏洞時暫停流程並展示修補方式,最後用獨立複測畫面說明原先的攻擊是否仍然成立。
根據提供的跑車公開影片與關鍵影格,製作三維結構解說。先區分可以直接觀察的事實與結構推測,再用分解視圖和動作示範說明部件關係。沒有證據支持的細節,請明確保留不確定性。
為一首已有歌曲設計連續的三維舞台背景。用 Three.js 建立星河、螢火森林、暖色高地與極光夜空,圍繞角色表演安排鏡頭和轉場,讓場景變化跟隨歌曲段落推進。
為同一個企鵝角色設計特徵掃描介面。先列出角色實際具有的特徵,再依序呈現眼部、配件與全身掃描。用瞄準框、進度提示、特徵標籤和最後的評級,建立清楚的掃描順序。
根據一段旁白或歌曲製作像素風短片。選出能代表主題的生活物件與兩個人物剪影,將三個關鍵詞安排在聲音最有力的時刻。維持一致的像素尺度,讓轉場與節拍、語氣同步。
為提供的產品製作約三十秒的動態介紹。使用真實介面、標誌與品牌素材,將畫面拆成可獨立移動的元件,圍繞核心操作安排起承轉合,並讓剪輯、文字與動作配合音樂節拍。
製作可拖曳的水豚柔體物理場景。拉動頭部或腳掌時,整個身體應連續伸展;鬆開後會回彈並晃動。壓扁、拋擲與堆疊時仍需保留可辨認的角色外形,並讓相鄰角色產生合理的碰撞。
選擇一個產品功能,使用 Claude Opus 5.5 與 Remotion 製作發布短片。先收集標誌、介面和字型並寫清楚分鏡,再將互動與畫面動作對應到影格,加入節奏設計,最後檢查文字、版面配置與成片的連續性。
描述你的想法,和 PagePop 一起完成創作。