名片 · 三重校样
Business cards · three proofs
三套完全不同的版式语言：粉色渐层的柔、米白极简的克制、深夜蓝的沉稳。同一份信息，三种呼吸。含出血、工艺与纸张说明。
- 平面
- 版式
- 印刷工艺
作业 · 三套版式
Pink Glass · 六件
以柔成形 Forms in soft light
六件作品，六道工序。平面、交互、动态与游戏，都从一个空白文件开始长出来—— 不靠模板，不靠构建工具，只有手写的像素与关键帧。像把光一层一层叠进玻璃里。
Ⅰ — Ⅵ
六件藏品
Six works情绪的天气
Weather of mood
把说不清的心情交给天气：晴、雨、雾、雷。切换的那一刻，背景色、文案语气与三维物件一起转场，像换了一层天气。
- 交互
- 情绪设计
- WebGL
永不打烊的梦境
A dream that never closes
一座纯代码搭起来的旋转木马。鼠标移动点亮星光，点木马进入章节。整站实时渲染、可离线打开，没有一张贴图是下载来的。
- WebGL
- 叙事
- 实时渲染
动态图形
Motion graphics
用关键帧与缓动而非素材拼贴，做一组有节律的图形运动实验。节拍、延迟与错位，都是手调出来的。
- 动效
- 节奏
- CSS 动画
手势交互 · 塔罗
Gesture & tarot
打开摄像头，用指尖在空气里选中一张牌。MediaPipe 手部追踪加三维卡牌环，全部在浏览器里跑，不需要任何插件。
- 手势识别
- 3D
- 摄像头
霓虹 · 节奏
Neon rhythm
两款下落式音乐节奏游戏：先做了「节拍」，再收敛成「钢琴块」。判定、连击、光晕与谱面，都是自己写的。
- 游戏
- 音游
- Canvas
Reel · 01
动态图形
Motion graphics
-
Duration
76 s
一条时间线从头走到尾，没有剪辑拼接。窗口缩放时画面重算，不会糊。
-
Rhythm
120 BPM
原创节拍轨，镜头切点全部踩在拍上；每四拍一个动作波峰，画面跟着呼吸。
-
Drawing
1600 × 900
全矢量绘制，逐帧手写关键帧。弹、散、聚三个动作母题，共用一套缓动。
三段卖点：蛋白质、膳食纤维、铁。每段一个动作母题——先弹起，再散开，最后聚回产品本身。 点画面里的「播放影片」开始，76 秒，带声音。
About
关于这个人
Colophon我是 Myrong，做视觉与交互。喜欢把平面里最省的那一刀， 留给动起来的那一秒——形先立住，再让它呼吸。
这里没有一份完整的简历，只有六件东西。它们大多是在深夜里， 用一台普通电脑、一个文本编辑器和一张空白页，从零开始长出来的。 没有框架脚手架，也没有素材库，能自己画的就自己画。
所以这一页本身也是手写的：一个 HTML、一个 CSS、一个 JS， 没有构建步骤——把它拖到任何静态托管上，就能跑。
Contact