Showcases
带版式的多页作品集。每一份都是独立的 HTML deck，不走博客模板。配图均为 deck 实际页面截图。
-
电影导演技巧公开课 · StudioBinder 中文版
一个在线剧场：把 StudioBinder 频道的导演公开课做成中文配音 + 中文字幕版，154 集 / 28 小时，按循序渐进的学习序排成五类——镜头语言（91 集，从景别角度构图打底，到器材光学、运镜、场面调度、摄影指导个案）、光色声（31 集）、剪辑节奏（14 集）、叙事结构（16 集）、导演个案研究。每一类里再按「基础 / 镜头类型 / 专项」等阶段分组，列表直接给缩略图与时长。
结构是首页 + 类别页：首页放主视觉、五类总览与「继续观看」；点进任一类才是剧场（播放器 + 该类剧集清单），切换类别时正在播的影片也跟着切过去。
播放器是重写的，不用浏览器原生控件：进度条带缓冲区与悬停时间预览、±10 秒、上一集/下一集与播完自动续播、倍速、字幕开关与四档字幕字号（随播放器/全屏尺寸自适应）、画中画、全屏、下载（整集 mp4 与中文字幕），键盘
空格 / ←→ / N·P / F / C全覆盖；每集记住上次看到哪儿，列表上用一条金色进度线标出看过多少，下次进来直接「继续观看」。视觉走暗调片场：胶片颗粒、暖金与冷青双色光、本地子集化中文衬线标题，零外链。视频不进任何图床——从家里 NAS 经内网加密链路直连透传，页面只做壳。外链托管，跳转打开。
整理时间：2026-07-26。片源版权归 StudioBinder，本地化仅供学习交流。
-
声音是怎么长在画面上的 · Seedance 2.0 原理拆解
28 页技术分享：从第一性原理讲清一台原生音视频生成模型的四件事。视频生成——为什么没人直接画像素、VAE 为何决定清晰度天花板、文本只在空间层握手所以运镜比构图难指挥、以及你写的 prompt 模型根本没看见（中间隔着一个 Qwen 改写器）。声音合成——声音被当成一张窄长的图；它配得上环境不是因为懂声学，而是在拟合 p(声音│画面, 文字)，而现实里画面与声学环境本就物理耦合。音画同步——三根钉子：把差 5 倍的两种 token 密度重标定到同一条时间轴、共享同一个去噪 timestep、每一层双向互看；没有任何损失函数在教它对齐，同步是涌现的，所以画外音是架构盲区，不是没调好。导演分镜——帧内硬切写在架构里，参考图是焊死进张量的硬约束。
先划知识边界再讲原理：Seedance 2.0 的技术报告 26 页没有方法章节，架构口径只有一句话，所以每条机制都标明属于「官方事实 / 血缘推定 / 同构类比」哪一档。嵌了 5 张论文官方原图（点击放大），包括 Ovi 那张 RoPE 缩放前后的注意力亲和矩阵——不缩放时亮带斜率全错，缩放后收成一条锐利的对角线，一图说尽「同步的本质是一次单位换算」。键盘翻页，本地字体零外链。外链托管，跳转打开。
整理时间：2026-07-14。
-
一个人，一支「模型剧组」· 恒伽达 AI 制作复盘
30 页制作分享：一个人如何借一套 AI 工具链扮演整支剧组，做出一集 16 分钟的佛经故事电视剧。三部分——AI 电影导演要练的九种技能（叙事改编 / 镜头反向设计 / prompt 工程与多模型调度 / 角色一致性管控 / 声音设计 / 工程化追溯 / 成本管控 / 合规 / 跨职能调度）；从灵感到成片的完整工具链（剧本 8 件产出 → 人物 face-lock → 道具场景 → 分镜 → Seedance 2.0 三通道视频 → 5 轨声音 → 后期合规）；E01《恒伽达》真实数据复盘——122 镜 / 16:40 / ¥1673（视频生成占 90% 成本）/ 838 次工具调用 / 全 AI 零真人，在自建「制片人预览板」dashboard 里逐镜核对。暖金电影调、键盘翻页、本地字体零外链。外链托管，跳转打开。
整理时间：2026-06-20。
-
智能体分层治理模型 · ARM
20 页演讲 deck：从 OpenClaw「小龙虾」一夜爆火讲起——拆开它，你已经看见天然的分层；各家 agent 框架百花齐放，却没有一张共同的分层图。于是抛砖引玉，给出一套「分层治理模型」，把眼前乱象逐个归位，再用九条原理把它从分类法升级成能解释、能预测的理论；最后回到实践，展示照着这张图搭出的自治 AI 军团（army）。面向大众，术语可悬停看注解，侧边目录 + 键盘翻页。
整理时间：2026-06-01。
-
AI 军团 · 作战日志看板（LIVE）
一个自治多 agent 软件组织的对外作战日志：人只在飞书点「批准」，其余全自动——PM 分诊 GitHub Issue 并派工、Worker 建独立 worktree 改码开 PR、Auditor 只读审查、Redline 红线守卫在工具调用前确定性拦截。底座 Claude Code 骑 Claude Max，跑在自有 WSL + systemd 真 7×24。页面由执行账本
runs.jsonl自动渲染、脱敏后内联——war-room 终端美学，含端到端闭环 pipeline 图与按角色染色的作战时间线。→ 打开看板
整理时间：2026-05-26。
-
AI 时代如何成为导演 · Directing in the Age of AI
面向学生的电影感七页 deck：从传统影视的工种分工（编剧 / 导演 / 摄影 / 美术 / 剪辑 / 声音）出发，过渡到纯 AI 工具做电影的新范式——「指挥人」变「指挥模型」、线性流水线变可重来的循环、成本曲线坍缩。含传统↔AI 角色对照表、技能三象限（替代 / 增强 / 独占）、30 天上手路线图、短片九步拆解与避坑，落到「工具人人有之后，导演的稀缺性回到品味与判断」。配图为即梦 / Gemini 生成的暖金电影调，侧边目录 + 键盘翻页 + 术语悬停。外链托管，跳转打开。
整理时间：2026-06-07。
-
导演艺术大师课 · The Director’s Craft
七页幻灯，从镜头语言基础到导演思维的完整大师课：六章共 29 个主题——景别 / 运镜 / 蒙太奇 / 构图 / 光影 / 色彩 / 调度 / 风格作者 / 视觉化思维。每章配 AI 生成的电影感剧照背景，第二章带循环运镜视频，全程配 MiniMax 生成的影厅级 BGM（右上角 ♫ 可切换）。影音素材较多，外链托管，跳转打开。
整理时间：2026-05-18。
-
恒伽达 · BODHI 项目 Pitch Deck
S01·E01《恒伽达》立项手册：从《贤愚经》原典出发，七页 deck 覆盖原典 / 剧情 / 佛理 / 人物 / 场景 / 样片——一个”被命运保护得杀不死”的青年最终被前世善业牵回佛前的故事。外链托管，跳转打开。
整理时间：2026-05-09。
-
Claude · April 2026
17 页幻灯版本的 Claude 全景速览：从模型代际、产品线、Claude Code 的工程哲学，到 MCP/Skills、企业 RBAC、视频与资源链接。
整理时间：2026-04-30。
-
Claude vs Codex · 2026 订阅计划深度对比
单页幻灯：Claude 与 OpenAI Codex 2026 年订阅计划的价格、用量限制、Token / 配额机制、功能特性、性能基准与选择建议。
整理时间：2026-04-30。
-
AI Agent 产品全景 · 2026 春
13 页深度横评：中外 28 款主流 AI agent 按 5 条产品线分组对比——终端 CLI、IDE 插件、桌面通用、云端自主 agent、agent 搭建平台。每条线给出选型建议与价格预警。
整理时间：2026-04-30。
-
Kiro · AWS Agentic IDE 全景
两份独立 deck 看清 Kiro 这款 AWS 推出的 agentic IDE：一份是全面能力介绍（单页长卷，覆盖 AI 编码、AWS 集成、前后端 / 数据 / 数据库 / DevOps / 移动 / 测试 / 安全 / 文档 / 多语言支持与工作流），一份是面向软件工程师的能力深度解析（SE 视角的结构化拆解）。
→ 打开·全面能力介绍 → 打开·SE 深度解析 整理时间：2026-04-28。
-
20 个单机游戏设计灵感
互动幻灯：20 个原创单机游戏概念提案，按叙事驱动 / 机制创新等维度分类，每个灵感给出核心玩法、卖点与一句话立意。左右翻页浏览。
整理时间：2026-04-28。