Portfolio · 2026

把喜欢的东西,
画成看得见的样子。

视觉传达设计 / 插画 / 三维 / 交互实验。 这里有 24 件平面作品、两套名片、一个 3D 动作小游戏、三组三维场景、 两个手势互动,还有一支 60 秒短片 —— 其中六个可以直接在页面上把玩。

24平面作品
6在线可玩
60s定格短片
100%手写代码
01 / Graphic

二十四张,从纸上长出来的。

海报、书籍、公益、文创、三维静物 —— 点开任何一张都能看到大图;上面这个方块是一颗会转的图片球,可以拖着玩。

作品集预览
3D 图片球 · 24 件作品绕成一圈 点开即可拖动
  • 类型海报 / 书籍 / 文创 / 三维
  • 数量24 件 · 全部可看大图
  • 工具Photoshop · Illustrator · Blender
  • 年份2024 — 2026
海报设计 品牌联名 文创衍生 三维渲染 排版
怎么玩:上面的大图点开是一颗 3D 图片球,鼠标拖动旋转、滚轮拉近;下面的格子点开是原图灯箱,← → 可以翻页,Esc 退出。
还有更多在整理

包装、动态海报、字体实验…… 24 件只是目前放得下的。

02 / Identity

两套名片,两种呼吸。

一套柔光二次元,一套吉卜力水彩。点一下卡片就会翻面,看看背面写了什么。

柔光 · 二次元96 × 60 mm · 双面
吉卜力 · 水彩96 × 60 mm · 双面
03 / Game

一个能真的玩起来的 3D 小游戏。

棱镜回廊 PRISM RUSH —— 在悬浮的棱镜竞技场里闪避、弹反、爆发。WASD 移动,鼠标瞄准,左键攻击。

棱镜回廊开始界面
棱镜回廊 · 3D Action Arena 点击直接开玩
  • 类型第三人称动作 · 波次生存
  • 操作WASD / 鼠标 / Shift 闪避 / 空格弹反 / E 爆发
  • 技术Three.js + 原生 JS
  • 体量单页 · 无需安装
Three.js 实时渲染 手感调校 音频反馈
小提示:建议用桌面浏览器 + 耳机。手机能进,但没有键鼠操作会很难受。
04 / Scene

三间屋子,三种情绪。

用三维把说不出口的感觉搭成空间:一间教室、一座校园、一片会随心情变色的天。

05 / Gesture

用手,去碰一段代码。

两个基于摄像头的互动:一个把指尖变成星尘,一个用双手去捕星星。授权摄像头后即可开始。

06 / Film

《城市里的守护者》,60 秒。

美式平涂矢量风的定格短片,10 个分镜讲一群住在你楼顶的邻居。横版、竖版都能看。

城市里的守护者 · HEROES NEXT DOOR
  1. 片头 城市天际线
  2. 01 城市全景 —— 这座城市,从不真的睡着。
  3. 02 屋顶披风 —— 他们住在你头顶的楼顶。
  4. 03 街头巨影 —— 白天,他们混在人群里。
  5. 04 地铁通勤 —— 通勤,也得穿着装甲。
  6. 05 地下基地 —— 地下三层,是他们的办公室。
  7. 06 霓虹警报 —— 警报响起的那一秒。
  8. 07 破窗跃出 —— 整座城市,都是他们的跑道。
  9. 08 巨型机甲 —— 楼要塌了,他们顶住。
  10. 09 举车救人 —— 有人被埋在下面,他们用手去挖。
  11. 10 月下集结 —— 然后,消失在夜色里。