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 一起完成创作。