轨道审判
00:07让一个“爱”字在双轨之间移动，用受压、越界与离轨呈现文案中的关系变化。
原文案来自他人，AI 做少量修改；完成代码动画与视频制作。
单独打开视频 ↗AI / DESIGN / CREATION
AI 创作与应用作品集
围绕代码动画、像素视频、AI 生图和转录助手开展实践。
使用 Codex 等 AI 工具，将想法转化为可观看的作品和可使用的功能。
01
KINETIC TYPOGRAPHY
纯文字代码动画
以文字本身作为画面主体，把文案含义转化为位置、组合关系与运动节奏。使用 Codex 完成制作，通过参考研究与修改反馈，让画面和配音更紧密地对应。
Codex · DOM / JavaScript · GSAP · HyperFrames
你的人生还没有考完
00:42从一条线到自己的空间。通过受限排版、文字释放与留白变化，表现从分数评价走向更多人生可能。
特色版 · 从一条线到自己的空间
单独打开视频 ↗02
CREATIVE CODING
用 Codex 复刻代码动画
围绕已有视频参考，完成画面结构拆解、代码实现与多轮调整。通过曲面、粒子、像素角色和界面编排，探索不同类型的动态视觉表达。
Codex · JavaScript · Canvas / WebGL · FFmpeg
03
PIXEL STORYTELLING
像素财经视频工厂
基于既有像素视频工厂，将知识解释和叙事文案制作成动画。通过人物、场景与道具动作呈现内容关系，完成配音、字幕和画面的编排。
Codex · JavaScript · 像素视频工厂 · ASR · FFmpeg
04
AI VISUAL WORKFLOW
健身食谱生图工作流
围绕同一道菜组织食材、步骤与视觉要求，完成食物封面和食谱信息图的双图制作。一张突出食物质感，一张清楚呈现配料与烹饪步骤。
Codex · imagegen
05
AI APPLICATION
基于 Hermes 的音视频转录助手
将音视频转录接入飞书私聊。发送音频、视频附件或媒体链接后，助手完成识别，返回包含全文和分段时间戳的 Markdown 文件。完成助手配置、流程梳理与附件回传测试。
Codex · Hermes · 飞书 · ASR · FFmpeg
- 发送素材音频、视频附件或媒体链接
- 自动转录识别正文，整理分段时间戳
- 返回文件在飞书中接收 Markdown 结果
图示为项目运行记录，已隐藏无关信息。
06
INTERACTIVE PROTOTYPE
欢乐足球 A · 浏览器游戏复刻
使用 Codex 完成足球经营与比赛流程的 H5 原型，包含俱乐部界面、阵型调整和自动比赛等功能，探索从参考游戏到浏览器交互的实现过程。
Codex · HTML / JavaScript · Web Audio
