$ 一个人 · 一只猫 · 一页 HTML
左边这只猫不是图片,是打开这页时用代码当场画的,每秒重描十二次,所以线在轻轻抖 —— 和下面那段视频是同一套画法、同一只猫。我做片子、搭站,把触达和埋点接上,也做自动化,看电竞,养猫,或者说被猫养。下面是几件我做过、在做、以及没什么用但很喜欢的事。
I
把重复的工作交给代码,把需要判断的留给人。这是我这一两年做的事情的一句话版本,剩下的都是细节。
II
没有一张图片、没有一段素材。28 个场景,画面和配乐都是 JavaScript 逐帧算出来的,孔版印刷那种有点脏的橙和蓝。第一版画出来是火柴人,耳朵是贴上去的;改了四轮才像只猫。
再往前一步是这张:一张 Unsplash 上的照片,我看完之后把这只猫正盯着的东西画了上去。每条线都是算好坐标的代码。
III
IV
V · COLOPHON
这一页是一个 HTML 文件。猫、章、每一条抖动的横线,都是打开时在你这台机器上用 Canvas 画的:三套墨各画在一层,故意错位两三个像素,平涂用网点,最后盖一层纸颗粒 —— 孔版印刷机就是这么工作的,只是这台在你浏览器里。
只有两样不是当场画的:那张猫的照片来自 Unsplash;那段视频也是代码画的,只是提前渲成了 mp4,不然你的手机得算 19 秒。
字:站酷庆科黄油体、思源黑体、IBM Plex Mono。和 Claude 一起做的,它画猫,我看猫。