跳到正文
IFAI

開源專案

AmirMushich 開源新方案:免 3D 建模,用 AI 影片做可互動商品頁

首次發布 傳播指數 48

設計師 AmirMushich 開源了一套網頁方案,不用 3D 建模就能做出可旋轉互動商品頁。它用 LTX-2.5 Pro 把衣服參考圖生成旋轉影片,拆成約 30 幀後由 JS 控制播放。執行時無需呼叫模型或 3D 引擎,大幅降低電商展示門檻。

圖:amirmushich.com

AmirMushich 開源的這套方案,能讓你不用搞複雜的 3D 建模,僅憑几張普通產品照片,就做出能在網頁上用滑鼠隨意拖拽、360 度旋轉互動的商品展示頁。

它是怎麼做到的

核心邏輯不是真正在網頁裡跑 3D 渲染,而是把 AI 生成的影片拆解成了前端可互動的素材。

具體流程很簡單:先用 AI 生成服裝的正面、側面參考圖,接著交給影片模型 LTX-2.5 Pro 生成一段物體旋轉的影片。隨後把影片拆解成約 30 幀透明背景圖片,最後寫一段輕量的 JavaScript 程式碼,根據使用者的滑鼠移動或拖拽動作,即時控制這些圖片的播放、暫停與反向翻轉。

因為所有計算都在預處理階段完成,網頁在使用者端執行時既不需要呼叫龐大的 3D 渲染引擎,也不需要即時向 AI 模型發請求,頁面載入極快,互動也非常跟手。服裝、鞋帽、箱包、潮玩和傢俱等需要做視覺營銷的品類都能直接用。

為什麼重要

對於預算有限的獨立品牌、電商從業者和前端開發者來說,這套方案非常值得一試。以前要在官網做一個可互動的旋轉展示,往往需要專門找 3D 設計師建模,或者部署笨重的渲染引擎,門檻和成本都很高。

這套做法聰明在用最輕的前端邏輯解決了重度渲染問題。不過侷限也很明顯:因為本質上是定幀序列翻頁,它只能展示固定視角的單軸旋轉,沒辦法像真正的 3D 模型那樣自由變換視角。但作為營銷和新品展示頁,它的價效比和視覺效果已經足夠驚豔。

來源 (1)

  1. [1]
    x.com(在新分頁開啟)原文x.com

每日 AI 內容精選