全部作品/Project file · 06

Hotwave 品牌动态

20 秒品牌短片,全片每一帧皆由代码算法渲染

  • 类型影像
  • 年份2026
  • 归属Hotwave Media
  • 标签60 FPS · Canvas逐帧
概念渲染
20 秒品牌短片,每一帧由代码渲染
  1. 0120 秒成片 · 1080p 全高清输出
  2. 02Canvas 逐帧生成与编码
  3. 03Python 算法合成原创配乐
  4. 04历经 3 轮工程化版本迭代

Real screenshots

真实截图

来自线上或本机的实际界面;涉及个人与公司信息的部分已打码,数据为演示或默认状态。

成片截帧
成片截帧
成片截帧:八项服务
成片截帧:八项服务
成片截帧:数据段落
成片截帧:数据段落

传统品牌宣传片通常依赖三维动画软件与外部制作公司,周期冗长且每一次细微的文案或品牌标识调整都需要重新渲染。我们希望探索一种将品牌视觉、几何运动与声效全部参数化的工作流,让品牌资产具备如软件般迭代的能力。

短片以「Eight services. One team.」为叙事脉络,通过 HTML5 Canvas 与 WebCodecs 将八大核心业务符号沿着一条动态光带精确展开,并在最后收束为 Hotwave 品牌标识。全片视频帧由程序逐帧绘制并由 ffmpeg 压制,配乐则利用 Python 脚本进行波形合成与频谱调谐,实现声画毫秒级的严丝合缝。

经过三轮工程优化,最终交付 20 秒 1080p 全高清品牌成片,并在公司多路推介场合中长期使用。本档案页以关键帧切片真实展现其运动节奏与参数化构图,不额外内嵌臃肿的视频播放组件。

用写代码的方式校准每一帧,画面和声音才能分秒不差。

— Barry