全部藏品

ASCII Pond — stqfdyr

页面正文背后，一群由等宽字符拼成的锦鲤在水波里游动，鼠标靠近会把鱼引过来，点击会撒下鱼食。

{Shan, Shui}* (shan-shui-inf) — Lingdong Huang

一幅可以向右无限滚动的中国水墨山水长卷，山石、树木、亭台、小船都是程序实时画出来的。

WebGL Water — Evan Wallace

一个瓷砖泳池，点击水面荡起涟漪，拖动一颗球在水里浮沉，池底有实时焦散光斑。

Three.js Bayer Dither Playground — Vsevolod Dolgopolov (zavalit)

网页背景是一层低分辨率的复古抖动像素图案，点击任意位置会荡开像素化的涟漪。

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

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

tixy.land — Martin Kleppe (aemkei)

一块 16×16 的圆点阵，你只写一行 (t,i,x,y) => 表达式，圆点就按返回值缩放、变红或变白。

SVG Metaballs — Antony Garand

几个彩色圆形可以被拖动，彼此靠近时像水银一样黏合在一起、拉出细丝后再分开。

BadTV Shader — Felix Turner (Airtight Interactive)

视频画面像老旧电视一样横向扭曲、滚动、偏色、闪烁雪花和扫描线。

Field Play — Andrei Kashcha (anvaka)

数十万颗粒子沿着你用公式写出的向量场流动，画出像丝绸、漩涡或星系一样的轨迹。

Interactive Particles — Bruno Imbrizi (Codrops)

一张照片由许多粒子组成，鼠标划过时粒子被推开又缓缓回位，像在水面上留下痕迹。

Kinetic Typography with Three.js — Mario Carrillo (Codrops)

单词被贴在旋转的圆环、球体、扭曲平面上，不断重复、缠绕、流动，像海报设计动起来。

WebGL Distortion Hover Effects (hover-effect) — Robin Delaporte

鼠标悬停在图片上时，画面沿着一张灰度位移图被撕扯、流动并过渡到另一张图片。

BitonicPixelSorter on WebGPU — Noboru Seto (ruccho)

图片或视频的像素按亮度沿一个方向被实时“排序”，画面拉出一道道故障艺术般的光带。

90's Cursor Effects — Tim Holman

鼠标拖着彩虹尾巴、雪花、小气泡、emoji 或跟随的文字一路前进，像回到 GeoCities 时代。

perfect-freehand — Steve Ruiz

在页面上拖动鼠标或手写笔，留下一道粗细随速度和压力变化、两端自然收尖的墨迹。

Silk – Interactive Generative Art — Yuri Vishnevsky (music by Mat Jarvis)

在黑底上拖动鼠标，留下半透明发光的丝带，并按对称轴同时复制出曼陀罗般的图案。

Scroll-driven Animations — Bramus Van Damme

一组示例：滚动时封面翻转成 3D 卡片流、头部渐变收缩、进度条增长、图片逐个揭幕，全程零 JavaScript。

Walkable City (engine behind Client City) — John Bailey / The Bailey Perspective

夕阳下的山谷小镇，每栋房子是一件作品，沿着河流、松林和石桥走过去就能逛完整个作品集。

Git Gallery — William Welsh (usr-wwelsh)

第一人称走进一座由 GitHub 主页生成的珍奇柜：大厅墙上是贡献热力图，走廊两侧每个仓库一间展厅。

Infinite World — Bruno Simon

一个小角色在柔和配色的程序化山丘上无限奔跑，昼夜交替，地形在脚下不断生成。

My Room in 3D — Bruno Simon

一个温馨的等距视角书房模型，屏幕在播放视频、灯光柔和，可以拖拽环绕查看。

Henry Heffernan Portfolio — Henry Heffernan

夜色中一台复古 CRT 电脑放在桌上，点击后镜头推进屏幕，里面是一个可操作的 Windows 95 风格桌面。

Origami Simulator — Amanda Ghassaei

导入一张折痕图，平面纸张在 GPU 上实时折叠成鹤或复杂的镶嵌结构，颜色显示应变。

Polygon Shredder — Jaume Sanchez (spite)

成千上万的小方块在旋度噪声场中翻滚，像被碎纸机打成五彩纸屑一样盘旋流动。

marching.js — Charlie Roberts

左边写几行 JavaScript，右边立刻出现光线步进渲染的融合球体、分形和扭曲几何，还能随音乐跳动。

WebGPU Metaballs — Brandon Jones (toji)

一团发光的岩浆状融球在场景中蠕动合并分离，表面带有光照与反射。

WebGPU-Ocean — matsuoka-601

一箱数十万粒子组成的水在盒子里涌动，拖动可以搅起浪，表面像真实液体一样有折射和高光。

WaterBall — matsuoka-601

一颗由液体组成的小星球，水被球心引力吸住，旋转视角时海水在球面上流动、溅起。

Sandspiel — Max Bittker

像素画般的沙盒：撒沙子、水、火、植物、熔岩，它们彼此反应、燃烧、生长，还会被风吹动。

Phy — lo-th

一个物理沙盒合集：布娃娃、车辆、堆叠方块、软体……还能在 Oimo、Ammo、Rapier、Jolt 等物理引擎间一键切换。

ASCII (THREE.js ASCII Effect on the GPU) — Emil Widlund

任意 three.js 场景被实时转成由字符组成的画面，旋转的模型变成跳动的 ASCII 字符。

Spectral Glass — Saqoosha

仿 Apple“液态玻璃”的胶囊、棱镜、钻石漂浮在照片上，边缘折射出连续彩虹般的色散。

ThreeJS Audio Reactive Visual — Francesco Michelini (kekkorider)

点击播放按钮后，一个由粒子覆盖的球体随音乐频谱膨胀、扭动、变色。

play.core (ASCII Playground) — Andreas Gysin (ertdfgcvb)

浏览器里的 ASCII 版着色器：写一个函数决定每个字符格显示什么，整屏文字随即流动、旋转、变形。

textmode.js — humanbydefinition

一个类 p5.js 的创意编码库，所有绘制都落在一张字符网格上，画出来的是实时滚动的 ASCII/文本模式画面。

Orca — Hundred Rabbits (Devine Lu Linvega & Rek Bell)

一张黑底网格上布满字母和符号，每个字母都是一个运算符，它们彼此碰撞、传递数值，最终触发 MIDI 或声音。

Pretext — Cheng Lou & contributors

一组排版演示：文字绕着漂浮的圆球实时重排、多栏杂志版式流动、粒子驱动的比例字体 ASCII 画。

Blotter.js — Bradley Griffith

大号标题文字像墨水滴进水里一样晕开、像液体般流动、或者被切成错位的条纹。

Splitting.js — Stephen Shaw (shshaw) & Christopher Wallis

一句标题被拆成单个字母，每个字母依次弹起、旋转、错位出场，整个动画全部写在 CSS 里。

The Monospace Web — Oskar Wickström

一整页像终端文档一样的网页：标题、表格、表单、树形列表全部严格对齐在等宽字符网格上。

oneko.js — adryd

一只 32×32 像素的小白猫在页面上追着鼠标跑，追上后会坐下、挠痒、打哈欠，最后睡着。

Elevator.js — Tim Holman

点击「回到顶部」后，页面缓缓上升并播放电梯背景音乐，到顶时「叮」一声。

Rough.js — Preet Shihn

矩形、圆、折线和地图都像是用铅笔随手画的：线条微微抖动、填充是斜线排线。

fishdraw — Lingdong Huang

每次刷新都会生成一条从未存在过的鱼，像博物学插图一样用黑色线条画出鳞片、鳍条和斑纹。

Dither Me This — Shadowfax Rodeo (doodad.dev)

上传一张照片，选择调色板和抖动算法，图片立刻变成 Game Boy、Mac Classic 或报纸网点的质感。

Windows 93 — Jankenpopp & Zombectro

一个浏览器里的虚构操作系统，桌面上满是荒诞的小程序、游戏、病毒和网络迷因。

JS Paint — Isaiah Odhner (1j01)

像素级还原的 Windows 98 画图程序，菜单、工具栏、调色板一应俱全，还多了多人协作和语音指令等彩蛋。

css-doodle — Yuan Chuan

一个自定义元素里写几行类 CSS 规则，就能生成由几十上百个格子组成的图案、迷宫、织物纹样。

Parable of the Polygons — Vi Hart & Nicky Case

一篇可以玩的文章：拖动可爱的三角形和正方形搬家，看「一点点偏好」如何导致整个社区严重隔离。

Butterchurn — Jordan Berg

把 Winamp 时代传奇的 MilkDrop 音乐可视化器完整移植到 WebGL，上千个社区预设随音乐翻涌变形。

Pink Trombone — Neil Thapen

一张粉红色的声道剖面图，用手指拖动舌头、嘴唇和软腭，浏览器就实时“说”出元音和辅音。

Listen to Wikipedia — Stephen LaPorte & Mahmoud Hashemi (Hatnote)

全世界每一次维基百科编辑都化作一个气泡和一声钟琴，新增是钟声、删减是弦乐、新用户是一段弦乐长音。

jsfxr — Chris McCormick (port of DrPetter's sfxr)

点一下“拾取金币”“爆炸”“跳跃”，就随机生成一段地道的 8 位游戏音效，还能拖滑块细调。

Infinite Mac — Mihai Parparita

在浏览器里瞬间启动从 System 1 到 Mac OS X 的每一个经典 Mac 系统，里面预装了当年的软件和游戏。

daedalOS — Dustin Brett

作者的个人网站就是一整套可用的桌面操作系统：窗口、开始菜单、文件系统、终端，甚至能跑 DOS 游戏和 Winamp。

Winamp Skin Museum — Jordan Eldredge

一面无限滚动的墙，挂满了数万张网友当年手绘的 Winamp 皮肤，点任意一张都能在网页里用 Webamp 真正“穿上”它。

Bitsy — Adam Le Doux

一个只有 8×8 像素、三种颜色的小小游戏编辑器，几分钟就能画出房间、角色和对话，导出成一个 HTML 文件。

ASCIIFlow — Lewis Hemens

一张无限的字符网格画板，拖一拖就画出方框、箭头和连线，复制出来就是能贴进代码注释的纯文本图。

ASCII Camera — Andrei Gheorghe

打开摄像头，你的脸实时变成一屏流动的 ASCII 字符。

Hanzi Writer — David Chanin

任意一个汉字按正确笔顺一笔一笔写出来，还能切换成测验模式让你用手指描红、写错会提示。

Harmony — Ricardo Cabello (Mr.doob)

随手画一条线，笔刷会自动在你画过的点之间牵出细密的丝线和网，让潦草的涂鸦瞬间有了素描质感。

Recursive Drawing — Toby Schachman

把一个图形拖进它自己里面，画布立刻长出无限递归的螺旋、树和分形，还能无限缩放进去。

JPG Glitch — Georg Fischer (snorpey)

拖几个滑块，直接篡改图片 JPEG 文件里的字节，照片就碎成色块错位、彩色条纹的故障艺术。

stroll.js — Hakim El Hattab

一组长列表滚动效果：新进入视野的条目像卡片一样翻转、折叠、螺旋、飞入，十几种花样并排展示。

earth — Cameron Beccario

一颗可以拖转的地球，表面上成千上万条细线顺着实时风场流动，还能切换洋流、气温和海浪。

city-roads — Andrei Kashcha (anvaka)

输入任何一座城市的名字，它会把那里的每一条道路一次性画出来，变成一幅极简的线描城市肖像。

Mapgen4 — Amit Patel (Red Blob Games)

在地图上随手涂抹山脉和海洋，风、降雨、河流和植被会在毫秒内重新计算，生成一幅像手绘古地图的斜俯视大陆。

splat (WebGL Gaussian Splat Viewer) — Kevin Kwok (antimatter15)

在浏览器里流式加载一个由数百万个半透明椭球组成的真实场景，边下载边成形，像一张照片变成了可以走进去的空间。

Black Hole — Otto Seiskari

在浏览器里实时光线追踪一个史瓦西黑洞：星空被弯成光环，吸积盘的背面越过黑洞顶端出现在你眼前。

noclip.website — Jasper St. Pierre (magcius) and contributors

在浏览器里自由飞行穿越上百款经典游戏的原版关卡：塞尔达、马里奥银河、银河战士 Prime……没有角色，只有空间。

Space 3D — Rye Terrell (wwwtyro)

输入一个种子，几秒内生成一整个可 360° 拖转的宇宙天空盒：星云、亮星、点点繁星，并可一键导出六张贴图。

Flow — Niklas Niehus (holtsetio)

数十万个发光粒子在 GPU 上按真实流体力学翻滚，像 Refik Anadol 的数据雕塑，鼠标划过会搅起漩涡。

Softbodies — Niklas Niehus (holtsetio)

上百个软软的果冻玩偶从天而降，互相挤压、弹跳、堆叠，全部在 GPU 上以有限元实时模拟。

Ten Minute Physics: FLIP Fluid — Matthias Müller

一个单 HTML 文件的 2D 流体：用鼠标拖动障碍物在水中划过，水花溅起、翻卷、慢慢平静。

Fluid Paint — David Li

用一支有上百根刷毛的虚拟画笔在画布上推油彩，颜料会像真的一样被拖出笔触、互相混色，还带着光泽和厚度。

Lenia — Bert Wang-Chak Chan

把康威生命游戏的格子、时间和状态全部变成连续的，于是屏幕上出现了会游动、分裂、捕食的“数字微生物”。

Particle Life — Hunar Ahmad

四种颜色的粒子，彼此之间只有一张“吸引/排斥”表，却自发长出细胞、蠕虫和追逐的群落。

gpu-io Physarum — Amanda Ghassaei

数十万个“黏菌”粒子沿着彼此留下的气味痕迹爬行，自发编织出像血管、神经或城市路网一样的发光网络。

Mechanical Watch — Bartosz Ciechanowski

一篇长文，从发条、齿轮到擒纵机构，每一段都配有可拖拽旋转、可调速的手写 WebGL 3D 模型，读完就懂了机械表。