VOLTWAYENERGY / PEOPLE

一分钟的片子

Voltway look
0:00 / 1:0001火花

为 Voltway look 制作的一支短片 · 1:00 · 30 小节 · 120 BPM

把可能推向前方

为 Voltway 制作的一支一分钟宣传片。Voltway 是这个货架上的一套 look:一个虚构的能源行业招聘站。片子采用等轴 2.5D 呈现。灰色的虚空里落下一点红色火花;地砖在它四周翻上来,一颗电芯升起、剖开,六十三颗电芯合成一座厂房,一座白色的微缩城市踩着节拍从厂房往外长出来——道路、塔楼、住宅、风力发电机、慢悠悠的玩具车流、工作中的人。然后电沿路网漫开,整座城坐上一座台座。每一帧都是你的浏览器在播放时现画的;配乐由代码合成,和画面按同一套小节剪辑。

片长
1:00
速度
120 BPM · 30 小节
画面
three.js,正交等轴测
光
太阳、天光、环境光遮蔽、移轴
已录制帧数
无
声音
原创配乐,以代码合成

章节六步,一座城

清单按绘制画面的代码统计

地砖
84129 × 29 的网格。中间 121 块最先翻上来,其余一圈一圈跟上。
电芯
63在厂房里排成九乘七的阵列,第一颗剖开,露出内部的卷绕层。
建筑
52塔楼、实验室、住宅和一座厂房,每一栋都在一个八分音符的拍点上升起。
树
137圆形和锥形的树,浅浅的灰绿色,跟在楼后面冒出来。
车辆
23两圈慢悠悠的玩具车流,加一辆开出厂门的红色头车。
人
56在各个街区里来回走,大约七个里有一个穿红。

字卡表片中的每一句

制作笔记怎么做的

真的等轴测

相机是正交的:没有透视,平行的边永远平行,是微缩模型和桌游的语言。镜头一镜到底,只绕着城市推、拉、转上几度——在正交相机下,只有转动才看得出纵深。

粘土、光,和一种红

所有东西都是白的,或者那套 look 的冷灰。形体感来自低角度的阳光、天光、环境光遮蔽形成的接触阴影,以及轻微的移轴虚化。红只留给火花、头车、充电桩和路上的电,和它原本的那个页面一样。

踩着节拍建起来

城市从厂房往外长:每一栋楼升起的时刻由它离中心的距离决定,并对齐到最近的八分音符;配乐在同一套节拍上轻轻「啵」一声。重击、停顿和章节的切点,在画面和音乐里落在同一个小节上。

look 自己的话,译成中文

片中每一句都出自 Voltway 那套 look 的文案——首屏标题、介绍文案、卡片——这一版把它们逐句译成中文,按中文字幕的习惯去掉句末的句号;品牌字样 VOLTWAY 与 ENERGY / PEOPLE 不译。Voltway 是虚构的,这里没有描述任何真实的公司或职位。

构思、导演与代码
yLookbook
品牌
Voltway,Voltway look 里的虚构品牌
画面
three.js,实例化的粘土白模型,正交相机
配乐
以代码合成,120 BPM,Web Audio 离线渲染
字体
Poppins · 思源黑体(Noto Sans SC)
图标
Solar 图标集,battery charge(线性)

一座粘土白的城市,实时算出来。没有录下任何一帧。

Voltway 是这个货架上 Voltway look 的虚构品牌;片中每一句都是那套 look 自己的文案,这一版逐句译成中文。这里没有描述任何真实的公司、产品或职位。

四宫格