Lab
Little things I build for fun. Unrelated to the writing above — if one breaks, I just switch it off.
All experiments
19 experiments-
Game
2048
把相同的数字推到一起。纯前端，最高分存在你自己的浏览器里。
方向键或滑动 -
Game
果冻罐
把果冻射进罐子。按住往想去的方向拖（朝上也可以），拖得越远射得越猛 —— 轻轻放能贴着堆顶摆位，满力砸下去能把旁边的果冻挤开。罐口那条槽里并排站着四颗待发的果冻，它们是罐子里真的一排，也是四门炮口：鼠标压在哪一颗上，下一颗就从它站的那一格出去；打掉一颗，旁边的滑过来补位，新的一颗从最近的一侧挤进来。果子软得像液体，落地会摊、堆着会顺缝流，下落和合并都比一般消除游戏慢一档，但不会缩水、也不会叠在一起看不出颗数。同号的碰在一起就合成更大的一块，两个最大的撞一起就一起消失。这套软体物理是页面里自己写的，没引任何游戏引擎。
鼠标 / 触屏 -
Game
小丑纸牌
选牌打出，牌型给「筹码 × 倍率」，小丑牌改的是计分规则本身。八关底注，每关小盲注 / 大盲注 / Boss 三张，越过去进商店。前身是一份单文件的小丑牌 Demo，这里按站点的纸墨配色重做了观感和窄屏布局，玩法逻辑没动。
鼠标 / 键盘 -
Tool
Markdown 编辑器
左边写、右边实时预览。用的是这个站自己的渲染器，所以在这里看到的样子就是文章发出去的样子。
草稿留在浏览器 -
Public
留言板
谁都能留一句，存在服务器上。带频率限制，登录之后可以删。
公开可写 -
Album
相册
传上来的照片直接进站点的照片墙，和 Photos 是同一份数据。
上传需登录 -
Private
体重记录
一天一条，折线看趋势。数据只落在你自己的服务器上。
需登录 -
Daily
每日打卡
每天该做的事 —— 六级、作业、考研、项目 —— 勾掉一件是一件。有连续天数、26 周热力图，忘了打卡还能补记前几天。
都能看 · 打卡需登录 -
Daily
番茄钟
25 分钟一段，结束自动记一笔，中间被打断也能记成「中断」。今天的专注时间、本周柱状图和连续天数都在这一页，和打卡页同一套口径。
都能看 · 记账需登录 -
Daily
背单词
5406 个六级词的卡片：看一眼释义，再回答认识不认识。答「不认识」的当天还会再来一次，答认识的下次隔得久一点（1、2、4、8…天）。词表来自 ECDICT，进度存在你自己的服务器上。
都能看 · 背词需登录 -
Tool
画板
涂两笔，撤销重做，存成 PNG。触屏和鼠标都能画。
支持触屏 -
Device
触感玻璃键盘
3×3 毛玻璃按键，按下去有回弹和震动。
建议用手机 -
UI
组件合集
40+ 个 React + shadcn 组件 Demo（按钮、弹窗、动画、毛玻璃、文字特效……），纯前端展示。
浏览器内运行 -
3D
慢慢房间
一个可以旋转、探索和互动的 3D Lofi 房间：黄昏的光从百叶窗落进来，老 Mac 的终端在滚动，CRT 播放原创像素画面，还有一首原创 Lofi 曲目。Three.js 全屏 Demo。
拖动旋转 · 滚轮缩放 -
3D
给狮子吹吹风
按住鼠标左键拖动，风扇转向你、给狮子吹风，鬃毛和胡子会飘起来。Three.js 全屏 Demo。
按住拖动 -
3D
害羞的小鸟
中间那只盯着你，旁边的两只会害羞地别过脸去；盯着谁，谁就躲。Three.js 全屏 Demo。
移动鼠标 -
Fun
土豆吃薯条
一只土豆在淡定地吃薯条，点一下切换昼/夜/午夜等主题。Lottie 动画。
点击切换主题 -
Game
造房子
点格子造房子、小屋、灯塔；天黑前造好灯塔就赢了，否则船会撞上来。纯 CSS 互动小游戏。
点格子建造 -
Fun
硬币弹跳
一枚硬币在弹跳、翻滚，偶尔爆出四角闪光，纯 CSS 动画的 Loading 小演示。
纯 CSS 动画