一人一猫
fig. 1 · 坐 · 点一下换姿态

$ 一个人 · 一只猫 · 一页 HTML

一人一猫

左边这只猫不是图片,是打开这页时用代码当场画的,每秒重描十二次,所以线在轻轻抖 —— 和下面那段视频是同一套画法、同一只猫。我做片子、搭站,把触达和埋点接上,也做自动化,看电竞,养猫,或者说被猫养。下面是几件我做过、在做、以及没什么用但很喜欢的事。

I

在做的事WHAT I DO

把重复的工作交给代码,把需要判断的留给人。这是我这一两年做的事情的一句话版本,剩下的都是细节。

II

一只猫的一天A CAT'S DAY · 19 S

没有一张图片、没有一段素材。28 个场景,画面和配乐都是 JavaScript 逐帧算出来的,孔版印刷那种有点脏的橙和蓝。第一版画出来是火柴人,耳朵是贴上去的;改了四轮才像只猫。

fig. 2 · 一只猫的一天。1080×1080,24 fps,on twos。五个姿态各是一条头颈身腿连续的轮廓 —— 上面首屏那只、每章盖的那只章,用的是同一份数据。

再往前一步是这张:一张 Unsplash 上的照片,我看完之后把这只猫正盯着的东西画了上去。每条线都是算好坐标的代码。

fig. 3 · 猫在看什么。窗外那只鸟、一条视线、一个想法气泡 —— 气泡里还是那只鸟,旁边一颗心。它想的不是吃掉它。

III

没什么用但很喜欢USELESS, BELOVED

IV

找我WHERE I AM

V · COLOPHON

这一页是一个 HTML 文件。猫、章、每一条抖动的横线,都是打开时在你这台机器上用 Canvas 画的:三套墨各画在一层,故意错位两三个像素,平涂用网点,最后盖一层纸颗粒 —— 孔版印刷机就是这么工作的,只是这台在你浏览器里。

只有两样不是当场画的:那张猫的照片来自 Unsplash;那段视频也是代码画的,只是提前渲成了 mp4,不然你的手机得算 19 秒。

字:站酷庆科黄油体、思源黑体、IBM Plex Mono。和 Claude 一起做的,它画猫,我看猫。