HOME / 第 8 部分 · 导出发布与毕业 / 第 97 课
MODULE 8 · 导出发布与毕业
第 97 课 · Web 导出（HTML5）
🎯 本课学习目标
- 导出网页版游戏
- 部署到 itch.io / GitHub Pages
- 处理 Web 平台注意事项
把游戏导出成网页，发个链接就能玩——最方便的分享方式。本课搞定 Web 导出与部署。
📖 详细教学步骤
创建 Web 导出预设操作
- 项目 → 导出 → 添加 → Web（HTML5）
- 确认导出模板已装
- 配置 Name 与 Export Path（build/web/index.html）
Web 导出设置操作
重要设置：
- Export Path：index.html（Godot 生成的是整套网页）
- HTML → Canvas Resize Policy：Adaptive（自适应窗口）
- 可选：Custom HTML Shell（自定义网页壳）
导出并本地测试操作
- 点导出，生成 index.html + .wasm + .pck 等文件
- 本地测试注意：双击 index.html 打不开（浏览器安全限制），需本地服务器
- 用 Python 起服务器：
python -m http.server 8000在 build 目录 - 浏览器访问 http://localhost:8000
部署到 itch.io发布
- 注册 itch.io，创建新项目
- 「Kind of project」选 HTML
- 把 build 文件夹里所有文件打 zip 上传
- Embed options 设置 960×600 等尺寸
- 保存后获得游戏页链接，可直接玩
部署到 GitHub Pages发布
- 把 build 文件夹内容推到 GitHub 仓库
- 仓库 Settings → Pages → Source 选 main 分支
- 获得 https://用户名.github.io/仓库名/ 链接
Web 平台注意事项注意
- 存档 user:// 在浏览器是 IndexedDB（换浏览器/清缓存会没）
- Web 无法访问本地文件（游戏资源要打包进 .pck）
- 网络请求需服务器开 CORS
- 性能比桌面略低，优化要更注意
测试 Web 版测试
- 本地服务器完整玩一遍
- 确认加载进度条、键盘输入、音效正常
- 发布后手机浏览器也试一下（触屏适配）
⚠️
双击 index.html 黑屏？
Web 版必须通过 HTTP 服务器访问，不能直接双击文件。用 python -m http.server。
⚠️
wasm 加载慢？
可启用 Gzip/Brotli 压缩，或减小资源体积。
🧪 动手试一试
🏋️ 课后练习
把太空射击导出 Web 版，本地服务器测试通过后，部署到 itch.io 拿到分享链接。
导出 → python -m http.server 测试 → itch.io 上传 zip。
💡
Web 版是分享游戏最快的方式，做游戏必学。
💡
itch.io 是最流行的独立游戏分享平台。
🎓 本课小结
Web 导出：HTML5 预设 → 导出 index.html/wasm/pck → 本地服务器测试 → 部署 itch.io/GitHub Pages；注意存档与 CORS。