组件与资产
UI 与展示组件
| 文件 | 用途 |
|---|---|
assets/ios_frame.jsx | iPhone 15 Pro 风格设备框架 |
assets/android_frame.jsx | Android 设备框架 |
assets/macos_window.jsx | macOS 窗口容器 |
assets/browser_window.jsx | 浏览器窗口容器 |
assets/design_canvas.jsx | 多设计方向并排展示 |
动画与幻灯片
| 文件 | 用途 |
|---|---|
assets/animations.jsx | Stage、Sprite、Easing 与 interpolate |
assets/narration_stage.jsx | 旁白时间线驱动的场景框架 |
assets/deck_stage.js | 单文件 HTML deck 引擎 |
assets/deck_index.html | 多文件 deck 入口 |
音频
assets/bgm-*.mp3 提供广告、教育、科技与教程等 BGM 预设。assets/sfx/ 按 keyboard、ui、transition、container、feedback、progress、impact、magic 和 terminal 分类。
使用音效前先看 SFX 音效库 和 音频设计。音效应标记语义事件,不应为每次移动增加声音。
Showcase
assets/showcases/ 包含多种场景和三类视觉方向的 HTML 与 PNG。它们用于学习布局和比较方法,不应直接复制为新项目的默认模板。

