01
字格练习 · 一
GLYPH GRID STUDY I
汉字设计字格字形
01SELECTED WORKS
作品
海报、插画、字体、绘本与摄影。点开任意一件，看它为什么这么做。
01
02
人生苦短
LIFE IS SHORT
商业海报啤酒日文
03
我有一个梦
I HAVE A DREAM
水下鲸童年
04
纸影
PAPER SHADOW
绘本黑白皮影
05
护肤品 · 三
SKINCARE III
静物产品褶皱
06
网球场
TENNIS COURT
场地树影绿
06 FOLDERS/39 WORKS
六个门类，
全部打开。
39 件按六个门类排开，每件一张大图、一句它为什么这么做。
首页只放 6 件，其余都在里面。
这一栏还在整理 先看其他门类，或者进完整档案翻一遍。
02PLAYABLE / 交互
打开就能玩
两个小游戏，不用下载，点开即全屏。下面还有更多交互。
现在是双击本地文件打开的。两个游戏都能直接玩：赛道页面会自动切到「键鼠模式」，WASD / 方向键开跑；手势操控需要摄像头，浏览器在本地文件模式下会禁用，部署到线上（https）或运行 start-local.cmd 后自动恢复。
03ABOUT
关于
做动态，也做交互。习惯把每件作品拆成能自己改的零件——
因为只有手写的每一帧，才改得动。
我关心两件事：一是「看」这件事本身，光落在哪、视线先到哪；二是时间，一秒钟里塞多少信息才不糊。 所以作品大多是能跑起来的：网页展场、手势游戏、交互绘本、逐帧动画。 它们共享同一套做法——先断句，再定节奏，最后落到帧。
怎么做事
- 先断句 把句子拆成呼吸。哪几个字该慢，哪几笔该一笔带过——字形、镜头、界面都一样。
- 再定节奏 节奏表按秒排：第几秒亮、第几秒停、第几秒给一个空。停顿比动作更值钱。
- 最后落到帧 所有效果都要能逐帧调。这一帧哪里不对，就改这一帧，不改整个系统。
交互与代码
HTML / CSS / JSCanvas 2DThree.js
手势识别WebGL响应式
动态与影像
MG 动画分镜节奏设计
逐帧实现光影叙事
视觉与平面
字体设计书法海报版式
插画与绘本摄影空间效果图