课程作品集 / Intelligent Visual Design
从一张能翻转的名片，到一间会呼吸的房间；从丝网印刷的骑手，到摄像头前的双手。
六件作品，六次把「视觉」变成可交互界面的尝试。
01 — 06
品牌视觉 / 动态图形
同一个人，三套配色，三种性格。
三张名片共用同一套信息与版式，只换配色与质感：莓色可爱是暖白底、渐变大圆与圆润字；电光蓝把镀铬银字压在亮蓝上，配荧光粉错版与全息胶带；月涌银灰把月壤质感做进银灰底，配香槟金错版与棱镜球。
卡面上的高光游移、像素爱心心跳、自上而下的扫描光、星尘呼吸与轨道环旋转，都是持续运行的动效而不是贴图。拖拽旋转带惯性，键盘 ← → 可以微调角度，静置约 50 秒三张卡会依次缓慢翻转。
建议全屏观看；手机打开会自动变成竖排三张。
三维 / 情感可视化
心情不好时，房间里会下雨。
晴、怒、哀、惊四种情绪被写成四套天气：暖黄的晴天、雷雨的怒、灰蓝的哀、闪光的惊。小精灵的表情、光晕、云层与粒子会随天气一起改变，页面上那句心事也会跟着换语气。
视角可以拖拽旋转，键盘 1–4 切换天气。角色与场景全部由几何体与程序化材质实时生成，没有用一张贴图。
点底部的情绪按钮切换天气，拖拽画面可以换视角。
交互网页 / 插画
把时间切成一块一块，卖给这座城市。
虚构插画师「陈默」的个人作品集。用丝网印刷的错版与网点，记录外卖骑手、网约车司机、主播、分拣员与自由职业者——把时间切成一块一块，卖给这座城市。
页面用滚动驱动插画的位移与套色偏移，点开作品可以看大图。网格、字号与留白都按画册的节奏排布，向下滚动时整页会有轻微的印刷错位。
向下滚动看完整图鉴；点作品可看大图，Esc 关闭。
影像 / 动态图形
风归你送，云归我裁。
60 秒的 3D 毛绒短片，14 个镜头。柯基邮差阿栗负责送风，小猫裁缝米粒把风裁成云；一场打结的狂风把小镇的天气弄乱，两人钻管道、拆风结、装风车，把风重新送回天上。
流程是先出分镜概念图，再逐镜图生视频，最后用 ffmpeg 手写叠化转场、用 PIL 渲染中文字幕合成。角色造型以两张原始设定图为唯一参考，避免逐镜跑形。
在线版本 5.6MB，点开即可播放，带完整字幕。
交互 / 手势识别
摄像头只认手，不认脸。
用摄像头识别双手关键点，隔空抓起、推飞、挤碎、撕裂悬浮的旧物。七种法术分别对应捏合、张掌、握拳、双手反向旋转等手势，力度会实时改变雾气浓度与电弧亮度。
摄像头原始画面从不上屏，界面里只有手骨、剪影与指尖雾迹；只在本机做关键点识别，不做人脸检测，不录制、不上传。同一套手势语言还衍生出「夜市摊主模拟器」与「封锁区：尸潮突围」两个玩法。
不开摄像头也能用鼠标施法；开启摄像头需授权，建议横屏。
游戏 / 潜行
声音会出卖你。
俯视角潜行游戏：五关、五位追猎者。利兰会直线冲刺，莉莉娅只靠声音，妈妈尖叫会招来全楼，格拉布斯能隔墙嗅到你，弗兰科边走边纵火。每一关都逼出不同的走法。
地图 75×50 格预渲染到离屏 Canvas，敌人用网格 A* 与四状态 AI 巡逻；脚步落在水泥、地毯、碎玻璃上的噪音半径不同，蹲着走地毯才是活路。电池可以换 5 秒夜视，看清全图与穿墙标记。
WASD 移动，Ctrl 蹲下，E 用夜视，Esc 暂停。
这个分类下暂时没有作品。
方法
每件作品都走同一条路：先想清楚要让人「感觉到」什么，再决定用什么技术。
把作业拆成一个可以体验的问题：怎样让人在十秒内理解「这是三种性格」，而不是三张图。
用图像与视频模型出分镜、出材质、出角色，再用原始设定图逐镜校准，锁住造型不跑形。
拖拽、滚动、手势、键盘——给画面一个能回应的入口，让观看变成操作。
逐帧截图对比、量帧率、修光锥、改字距。反复到「不别扭」为止，再谈风格。
关于
这是「智能视觉设计」课程的结课作品集，六件作品覆盖品牌视觉、三维交互、生成影像、手势识别与游戏设计。所有页面都是手写 HTML / CSS / JavaScript，没有用建站工具。
作品里的人物与品牌均为虚构；手势类作品只在本机做手部关键点识别，不做人脸检测、不录制、不上传任何画面。
— 2026 年秋，于课程结课
01 / 06