手势赛车
GESTURE RACING
交互 · 手势游戏
摄像头认手,不碰键盘:张掌加速、握拳刹车、竖 V 切视角、双掌做手势触发道具。四条赛道配一整套车漆涂装,双人同屏时左右各占一只手,MediaPipe Hands 全程在本地推理,画面不上传。
从车库到发车只用了三次抬手;双人模式的胜负判定按圈数算。
开始游玩 ↗PORTFOLIO ARCHIVE / 2026
四件交互作品、海报、插画、字体、绘本与摄影,全部在这里按门类排开。 每件都带一句它自己为什么这么做——这是一份可以慢慢看的完整档案,不是缩略图墙。
GESTURE RACING
交互 · 手势游戏
摄像头认手,不碰键盘:张掌加速、握拳刹车、竖 V 切视角、双掌做手势触发道具。四条赛道配一整套车漆涂装,双人同屏时左右各占一只手,MediaPipe Hands 全程在本地推理,画面不上传。
从车库到发车只用了三次抬手;双人模式的胜负判定按圈数算。
开始游玩 ↗GESTURE SHOOTER
交互 · 手势游戏
沙漠灰地图的手势第一人称:比 V 往前走、手掌左右平移转视角、捏指扣扳机开火,六种手势对应六种动作。Three.js 渲染,识别同样在浏览器里跑完,另留了一套键鼠模式做对照。
手势和键鼠共用同一套输入层,换的只是事件来源。
开始游玩 ↗VISUAL NAME CARD
交互 · 名片 / 展示页
一张双面卡:正面淡黄底压一枚运动 IP,姓名做圆体大字,工牌式竖排小字收在左边缘;反面把同一套形状语言翻成扁平色块,只留一行联系方式。整卡只用淡黄、米白和一格荧光粉。
正面那一笔粉色下划线,是全卡唯一的高饱和色。
查看名片 ↗THE LAST LAMP
交互 · MG 动画短片
80 秒 MG 动画:城市入夜,楼里的窗一盏盏灭掉,只剩一盏还亮着,最后一次亮灯的窗口里有人还没睡。整片用 Canvas 手写绘制,视差分层推镜,灯丝的光晕是好几层径向渐变叠出来的。
每扇窗的明暗单独算,灭灯顺序按真实作息的概率排,不是随机闪。
观看短片 ↗FIND THE DIFFERENCES
交互 · 小游戏
五组经典动画画面对照:西游记、海绵宝宝、疯狂动物城、猫和老鼠、蜡笔小新。左右两张并排,45 处差异,点对一处 +5 分,两秒内连中额外 +10,点错扣 5——像有人偷偷按了暂停键去改画面。
差异点不贴在新图层上,都藏在原画的阴影和花纹里,得眯着眼找。
开始挑战 ↗ZUMA · 60s
交互 · 小游戏
豌豆射手版的祖玛:鼠标瞄准、点击发射、同色三连消,一局 60 秒,三档难度简单 / 中等 / 困难。球串按曲线推进,越往后颜色配比越杂,得提前两三个球想好落点。
难度不只加压球速度,还换颜色配比——困难档一局能刷出六种颜色。
开始游戏 ↗LIFE IS SHORT
平面 · 海报
黑底上一罐黑标啤酒,日文竖排压在两侧:「人生苦短,再来一杯」。整张只让罐身的金和红发光,其余压到全黑。
FIRST COFFEE OF AUTUMN
平面 · 海报
咖啡豆、奶球、牛皮纸袋摊在棕底上,右上角写「秋天的第一杯咖啡」,一枚黄色价签压在右下角。
CRAZY THURSDAY
平面 · 海报
正红底上一排手绘食物,每样标着 6.6、9.9、14.5,白色 BURGER 压在最上面,假装成一张菜单。
DON'T LET AUTISM BE LONELIER
平面 · 海报
一束聚光灯打在灰底上,孩子坐在光里画星星。整张只有他是彩色的——颜色本身就是信息。
公益海报不该喊:让光替你说。
GENDER EQUALITY
平面 · 海报
两只手托起一群彩色的火柴人,靠线和点连成一张网;上方是 gender equality,中间压着四个白字。
SAY NO TO SCAMS
平面 · 海报
黑底上,一个西装男被手机、红包、验证码围住,每一样都挂着钩子;底下压着「警惕诈骗套路 · 保护财产安全」。
DRAGON YEAR · RED
平面 · 海报
正红底上,一个巨大的「龍」占了上半张,2024 与 Hello 用黑字切进龙鳞的纹理里,喜气但不俗。
DRAGON YEAR · WHITE
平面 · 海报
白底上一只圆头圆脑的卡通龙,红身黄角,四角只留「龙年快乐」与 2024,其余全空。
BEGINNING OF AUTUMN
平面 · 插画
米色底上几片枫叶斜着落下来,「立秋」两个字竖在最右,左侧压着 Beginning of Autumn 与 08/07,方角与圆角各占一半。
节气海报最难的是「节气感」——不画人,也要让人觉出凉。
CELTIC KNOT
平面 · 插画
凯尔特装饰字母的线稿临摹:一根线在字母里穿进穿出,不能断、不能压线,压一次整张就废。
画到第三个环才开始有手感。
MURAL COPY
平面 · 插画
重彩神将:石青石绿打底,朱红压边,甲片用金线一片片勾出来。临的时候先铺大色块,最后才敢上线。
颜色是分三遍上的,急一遍就浑。
THE LITTLE GENTLEMAN
平面 · 插画
一个穿蓝西装、系橘领结的小绅士,头发梳成一撮翘起来的卷,拄一根拐杖。白底,只有五官和衣褶在讲故事。
OPENING CEREMONY
平面 · 插画
开学典礼的舞台上,小绅士闭着眼唱歌,台下是一片举起的手,彩带从顶上落下来,光全打在孩子身上。
I HAVE A DREAM
平面 · 插画
孩子和鲸一起潜进蓝色的水里,气泡往上游,光从水面斜着打下来——整张最亮的地方在水面,不在人身上。
SEAL
平面 · 插画
一只摊在纸上的海豹,身体只铺一层浅灰,胡须是最后加的三根线,其余全留白。
A MADMAN'S DIARY
平面 · 插画
鲁迅《狂人日记》的封面:墨绿底上浮着一张惊恐的脸,碎裂的红色书名压在中间,四角散着重排的铅字。
整张只允许红出现一次,多了就廉价。
FROG
平面 · 插画
莫言《蛙》的封面:黄绿交错的笔触里蹲着一只蛙,书名压在左上,笔触比形象更响。
SEAL SCRIPT STUDY I
平面 · 字体
在方格纸上把小篆的圆转一笔一笔拉匀:横平竖直全部让位给弧线,左右对称压到最紧。同一组字反复写,直到每一笔的粗细都一致。
篆书最怕写快——快了,弧线就变成折线。
SEAL SCRIPT STUDY II
平面 · 字体
竖排多列的小篆,把整张纸填满。这一张练的不是单个字,是行气:列与列之间留一线,字与字之间几乎不留缝。
写完退远看,先看到的应该是竖列,不是字。
LISHU · BAMBOO AND ROCK
平面 · 字体
郑板桥《竹石》四句,写成四列竖幅。隶书的蚕头燕尾压在转折处,横画铺开,竖画收细,四列并排站着。
行距比字距更要紧——四列一挤,整张就塌了。
GLYPH GRID STUDY I
平面 · 字体
把一句话拆进一个个方格:每个字先占满格子,再决定哪里松、哪里紧;横竖撇捺的起收都收在同一套规矩里。
方格是最诚实的尺子,字丑一眼就看出来。
GLYPH GRID STUDY II
平面 · 字体
同一套格子的第二张:换一组字,重心整体上提,撇捺放得更开。字距靠眼睛调,不靠标尺。
PAPER SHADOW
平面 · 绘本
十三页黑白绘本:夜深了,一家三口在灯下剪纸、上色,把小猫、小马、小羊做成纸影,再把它们投到幕布上。整本书没有颜色,只有黑、白和一片灰。
画的时候先定光——所有影子都朝同一个方向倒。
REST AREA
平面 · 摄影
白墙被切出一个弧形的洞,木质长凳顺着墙走过去。整张只有两种颜色:白和木。
先找那条弧线,再等人走开。
LIBRARY
平面 · 摄影
图书馆的木质座椅一排排往里推进去,书架的横线在后面接上,光从侧面切进来,把秩序照亮一半。
SKINCARE I
平面 · 摄影
草编圆垫上斜放三支绿色管状护肤品,旁边一枚蜡烛。米色底,影子朝同一个方向压过去。
SKINCARE II
平面 · 摄影
笔记本、藤篮和护肤品挤在一张桌上,白色桌面把所有东西压成一个调子,只留产品的绿跳出来。
SKINCARE III
平面 · 摄影
亚麻布揉出褶皱,产品压在上面,木托盘垫底——布纹是这张唯一的花。
TREE
平面 · 摄影
仰头看树干一路上去,叶子在顶上散开,背后是一面白墙。树干占中线,其余全交给叶子。
TREE AND WINDOW
平面 · 摄影
一扇玻璃窗斜着嵌在墙里,窗上同时映着树叶和天光——树在外面,也在玻璃里。
ORANGES
平面 · 摄影
黄底上切开两只橙子,一只立着、一只倒扣,旁边一小瓶橙汁。黄和橙之间只隔一层果肉。
HELEN
平面 · 摄影
石膏胸像从下往上拍,背景是一片干净的天蓝,像把她放回了神话里。
TENNIS COURT
平面 · 摄影
树影压着球场围网,网后面是一片被打散的绿。没有人,但你能听见球。
看完了。
回到首页 →