正在布展…
无限山水长卷
{Shan, Shui}* (shan-shui-inf),Lingdong Huang,2018
它把传统山水画的构图法则(远中近景、皴法、留白)编码成算法,又用卷轴式无限滚动呈现,堪称「数字手卷」。每一笔都是 SVG 折线,放大仍然清晰。
那些藏在个人作品集、实验仓库和角落博客里的网页效果,被我们找到、拆解;开源的原作在这里原样展出,其余的由本柜从零复刻。看完喜欢哪一件,就把它变成一段能交给 AI 编程助手的实现提示词。
你正站在首件藏品里:stqfdyr 的开源作品 字符锦鲤池,按 MIT 许可证原样展出。点一下水面,鱼会游过来吃食。
三件现场运行的藏品。它们只在出现在屏幕上时才动,滚走后会自动暂停。
正在布展…
无限山水长卷
{Shan, Shui}* (shan-shui-inf),Lingdong Huang,2018
它把传统山水画的构图法则(远中近景、皴法、留白)编码成算法,又用卷轴式无限滚动呈现,堪称「数字手卷」。每一笔都是 SVG 折线,放大仍然清晰。
正在布展…
泳池水面
WebGL Water,Evan Wallace,2011
十多年前的作品,至今仍是“浏览器能做到什么”的标杆:水面、折射、焦散、球体阴影全部实时计算。作者后来创办了 Figma,这个小 demo 像一件早期手稿。
正在布展…
拜耳抖动背景
Three.js Bayer Dither Playground,Vsevolod Dolgopolov (zavalit),2025
把 1-bit 抖动从“滤镜”变成交互背景:形状、涟漪都只在阈值矩阵下显影,看起来像老式 Mac 屏幕在呼吸。四个页面复用一个模板,只换遮罩几何与色调。
把鼠标移到卡片上,它就会现场运行。

WebGL Path Tracing — Evan Wallace
一个康奈尔盒子里的球和方块,静止时画面从噪点逐渐收敛成柔和的全局光照效果。

Refraction, dispersion, and other shader light effects — Maxime Heckel
一篇博客文章里嵌着九个可编辑的代码沙盒,一步步把一个玻璃体从简单折射做到带色散、高光的晶莹效果。

90s VGA Demoscene (Mode X effects) — Justin Greisiger Frost (gneissguise)
一个低分辨率像素画布,按数字键 0–9 切换火焰、等离子、隧道、星空等 90 年代 demoscene 经典特效。

Wireframe World — Eric Arnebäck (Erkaman)
一片无限延伸的蒸汽波风格霓虹线框地形,相机持续向前飞行。

Donut math: how donut.c works — Andy Sloane (a1k0n)
一只由 .,-~:;=!*#$@ 组成的甜甜圈在页面里三维旋转,旁边还有同一算法的 canvas 版本对照。

Patatap — Jono Brandel & Lullatone
按下键盘上任意字母,屏幕就弹出一段几何动画并伴随一个音效,连续敲击就是一场视听即兴表演。