- 画面观察
- 构成橙色鱼的马赛克瓷砖脱离画布,在波浪上方划出一道跃起的弧线,并在原位留下一道深色剪影,随后返回归位。
- 吸引观看的原因
- 打破二维表面进入动态三维深度,颠覆了观众对马赛克这一僵硬、静态媒介的预期,带来瞬间的视觉惊喜。
- 可借鉴做法
- 通过深度与脱离效果赋予静态前景元素动态,将传统美学转化为动感十足的动态图形。
返回案例库开始制作产品视频
玻璃与金箔马赛克动画短片 (WebGL2)
加载中…
制作 Skill
Skill 已披露
译文
使用 WebGL2 和原生 JavaScript 制作一段 80 秒的正方形动画短片,作为单个 HTML 文件呈现,不使用任何库,也不使用任何图像、字体或音频文件。它应当看起来像一幅从未被胶水固定的玻璃与金箔壁画马赛克,因此马赛克瓷砖可以升起、翻转、飞舞并咔嗒一声归位。画面中的形象由瓷砖群构成,例如鱼游动时也是其瓷砖群在游动。时间点拆解
5- 画面观察
- 海鸥和帆船的瓷砖簇从马赛克平面剥离,在金色背景下优雅地漂浮并倾斜飞翔,最后精准归位。
- 吸引观看的原因
- 协调多个以对比航线运动的脱离元素,增强了空间复杂性并营造出富有童趣的叙事势头。
- 可借鉴做法
- 在不同轨迹上分层排布多个运动组件,以防止视觉重复并保持观众的参与感。
- 画面观察
- 深蓝色与白色闪烁瓷砖组成的环形瀑布取代了温暖的金黄色阳光与天空,将白昼无缝转换为繁星闪烁的夜间海景。
- 吸引观看的原因
- 由扫掠的几何波纹驱动的主题环境转变,在无需硬切画面的情况下创造了极具戏剧性的情绪过渡。
- 可借鉴做法
- 利用粒子或瓷砖替换波纹,在单一摄像机画面内平滑过渡光照、调色板和场景环境。
- 画面观察
- 散落的星光瓷砖聚合演变成一只精细的飞鹤,掠过漆黑的夜空,随后再次消解为繁星。
- 吸引观看的原因
- 将抽象粒子转化为具象生物,提供了令人满意的模式识别瞬间与诗意叙事。
- 可借鉴做法
- 将分散的粒子元素聚合成可识别的有机剪影,以引入次要角色和情感共鸣。
- 画面观察
- 整个马赛克从左上角开始解体,旋转汇入一个由五彩瓷砖组成的密集中心涡流,随后向外展开重新组成原本的海滨画面。
- 吸引观看的原因
- 将整个构图解构为混乱旋转的涡流,构成了高能量的高潮,随后回归熟悉的平稳状态。
- 可借鉴做法
- 通过将整个场景分解为集中的动态运动,随后迅速恢复秩序,来提升视觉震撼力。
