跳到正文
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 内容精选