同一个鲸娘,22 个动作:待机、思考、敲代码、戴耳机听歌、小鲸鱼分身、搭积木施工、抱书搬运、出错、任务完成、被戳、被拎起来、泡在水里……弹性全部靠整格像素做出来:头往下压 1 格再弹起,两侧头发跟着往外鼓,呆毛、耳鳍、长发都晚一拍甩,尾巴绕着根部摆。点任意一个表情,下面会逐帧拆开,看每一层在这一帧怎么动。
按 Clawd on Desk 的事件对应关系:点一个事件,右边的鲸娘就切到对应的状态。报错、完成、确认、搬家、被吵醒这类是临时状态,播一会儿会回到之前的状态。
每张卡片都在按导出时的真实时长循环播放。点一下,在下面拆开看。每张卡片底下标着它对应的 agent 状态和触发事件(照 Clawd on Desk 的事件对应关系)。
左边是播放器,可以暂停、单步、放慢,打开“变化像素”会把这一帧相对上一帧改动过的像素标成粉色。右边是这一帧的说明和每一层的位移曲线(向下、向右为正,单位是 1 像素)。键盘:空格 播放/暂停,← → 单步。
这一帧改动了 0 个像素
两张原图(握拳的、双手合十的)先还原成 57×57 / 58×58 的像素网格。常驻姿势是把握拳图睁着眼的头,接到合十图双手放在胸前的身体上,拼成一张“胸前合手”底图;敲代码、挥手、搬书、比赞这几个要单独用手的动作,才换回握拳图。每张底图再按颜色分成几层。每一帧都从原图重新拼:图层只做整格平移或整格剪切,不缩放、不旋转、不抗锯齿,所以永远是干净的像素。把鼠标放到图上可以看原图。
GIF 都是透明底、无限循环,每帧时长和上面播放的一致。