AutoTime.AI
AutoTime.AIAI 视频工作室
返回案例库

玻璃与金箔马赛克动画短片 (WebGL2)

加载中…

制作 Skill

Skill 已披露

译文

使用 WebGL2 和原生 JavaScript 制作一段 80 秒的正方形动画短片,作为单个 HTML 文件呈现,不使用任何库,也不使用任何图像、字体或音频文件。它应当看起来像一幅从未被胶水固定的玻璃与金箔壁画马赛克,因此马赛克瓷砖可以升起、翻转、飞舞并咔嗒一声归位。画面中的形象由瓷砖群构成,例如鱼游动时也是其瓷砖群在游动。
开始制作产品视频

时间点拆解

5

画面观察
构成橙色鱼的马赛克瓷砖脱离画布,在波浪上方划出一道跃起的弧线,并在原位留下一道深色剪影,随后返回归位。
吸引观看的原因
打破二维表面进入动态三维深度,颠覆了观众对马赛克这一僵硬、静态媒介的预期,带来瞬间的视觉惊喜。
可借鉴做法
通过深度与脱离效果赋予静态前景元素动态,将传统美学转化为动感十足的动态图形。