火山喷发的成因及作用

这是一个基于 Vite 的单页火山剖面演示项目，当前版本包含：

• 一个由 pixi.js / SVG 运行时驱动的 2D 火山整山中剖面场景
• 四个喷发阶段：dormant、rising、overflow、explosive
• 同时可见的岩浆腔、主通道、火山口、坡面熔岩流与喷发粒子效果
• 当前页面主界面已切换为中文文案
• 已补充平板与桌面断点，确保横竖屏下都能正常加载、显示与运行动画

npm install
npm run dev

如果你不想起本地服务，直接执行 npm run build 后双击打开 dist/index.html 也可以；当前构建已经处理成可本地直接预览的静态页。

npm test
npm run build

• 手机：使用单列布局，控制按钮自动换行。
• 平板：针对 721px - 1023px 提供独立断点，竖屏会拉高舞台并重排控制区，横屏会扩大有效宽度。
• 桌面：1200px+ 会适度放宽主容器，减少大屏留白，同时保持剖面舞台比例稳定。

项目已包含 vercel.json，可直接作为静态 Vite 站点部署。

1. 将项目推送到 Git 仓库。
2. 在 Vercel 中选择 Add New Project。
3. 导入该仓库后，Vercel 会读取以下构建配置：
   • Build Command: npm run build
   • Output Directory: dist
4. 点击部署即可。

npm i -g vercel
vercel

首次执行时按提示绑定项目；生产部署可继续执行：

vercel --prod

• 归档的参考图片位于 public/assets/volcano/
• 来源与授权说明位于 public/assets/volcano/ATTRIBUTION.md

• 主舞台现在是“整座山的中剖面”，不是早期的半山切面。
• 动画由本地运行时驱动，不依赖 iframe 嵌入或纯 CSS 假动画。
• 主要可调整逻辑集中在 src/app.ts、src/eruption-stage.ts 和 src/styles.css。