站内 3D 互动叙事 MVP
Paper Island
An original WebGL storytelling prototype with a paper-textured island, drag-to-bloom interaction, ambient audio, and a chapter state machine inspired by poetic interactive sites.
- Astro
- React
- Three.js
- R3F
- GSAP
- Zustand
项目演示
把已经部署的项目 Demo 直接嵌入博客，方便在阅读项目复盘时立即体验。
4 个可体验项目
先从站内演示了解交互，再按需要打开独立 Demo 或源码。
GitHub Pages 项目页
Open Design Gallery
个人整理的 Open Design 前端素材预览画廊，用来快速浏览视觉参考、设计系统、模板和可复用界面灵感。
- Static HTML
- Open Design
- Reference Gallery
- GitHub Pages
已部署，可在线体验
Tokens Counter
面向 AI 应用开发的 token 与 API 成本估算工作台，用来比较不同模型、输入规模和调用策略下的真实消耗。
- Vue
- Vite
- Tokenizer
- Cost Estimation
已部署，可在线体验
Loading Mind
面向思考过程与研究报告呈现的 Mindstream OS 原型，展示从问题、推理路径到结构化输出的交互体验。
- React
- Vite
- Mindstream
- Report UX
An original WebGL storytelling prototype with a paper-textured island, drag-to-bloom interaction, ambient audio, and a chapter state machine inspired by poetic interactive sites.
如果浏览器拦截了内嵌页面，可以直接打开上方 Demo 链接体验完整版本。
个人整理的 Open Design 前端素材预览画廊，用来快速浏览视觉参考、设计系统、模板和可复用界面灵感。
如果浏览器拦截了内嵌页面，可以直接打开上方 Demo 链接体验完整版本。
面向 AI 应用开发的 token 与 API 成本估算工作台，用来比较不同模型、输入规模和调用策略下的真实消耗。
如果浏览器拦截了内嵌页面，可以直接打开上方 Demo 链接体验完整版本。
面向思考过程与研究报告呈现的 Mindstream OS 原型，展示从问题、推理路径到结构化输出的交互体验。
如果浏览器拦截了内嵌页面，可以直接打开上方 Demo 链接体验完整版本。