到现在我们的开放世界就比较完整了。
我把他部署到了 github.io 上:
https://quarkgluonplasma.github.io/threejs-open-world/
这样大家就可以分享给别人了。
大家做的 3d 项目也可以用这个部署。
比较简单,这节讲一下怎么搞。
首先新建一个项目:


然后改一下 vite 配置
因为访问的路径是带了项目名的,所以一定要设置 base:

这样,代码里的 mp3、glb 等资源文件,就是用 /threejs-xxx/xxx.mp3 这样的路径访问了。
我们先设置 build.minify 为 false,不压缩
看下 build 出来的代码:
pnpm run build

这时候你看下 build 出的 js 代码:

就是带了 base 的。
这样部署上去,资源就能正常访问了。
比如这个:
https://quarkgluonplasma.github.io/threejs-open-world/walk.mp3
https://quarkgluonplasma.github.io/threejs-open-world/%E7%A7%8B%E6%97%A5%E7%A7%81%E8%AF%AD.mp3
之后按照这个创建一个本地项目:

把 dist 下的代码复制过去,push 上去。
然后在项目的 settings、pages 下设置下:

从分支直接部署,因为直接是现成的 dist 静态文件,不用 build。
选择 Deploy from a branch
之后过段时间会出现 url,这时候点击那个 url 就可以访问部署好的 3d 项目了。
如果你自己的 3d 项目做好了,也可以这样部署上去分享给别人访问。