PlanetSearch 3跑酷续作

跑酷风格的游戏项目 PlanetSearch3,是前作 Helix 历险记的续集,玩法和开发体验都挺上头的。

直接打开浏览器窗口的 index.html 就能看到运行效果,响应也快,调试也方便。如果你装了 VSCodeLive Server 扩展,右键点一下就能开跑,适合快速验证。

项目用到了 TypeScriptWebpack,还有个挺常见的打包流程。先跑一遍 npm install,是 npm run build。嗯,需要你全局装一下 webpacktsc,否则会报错。

两个终端窗口,一个运行 tsc --watch -p ./src --outDir ./nodeSrc,另一个跑 webpack -w,等它俩打包完,再右键 ./www/index.html 用 Live Server 打开,就能看到完整效果了。

整个流程其实还蛮适合初学 打字稿模块打包 的朋友练手的,配套的 TypeScript 项目文章也比较多,比如:SkateJS + Webpack 初阶指南TS 练习库,看完再回头折腾 PlanetSearch3,效率会高不少。

如果你已经玩转了 WebpackTypeScript,想做点小游戏或者前端动效实验,这项目可以直接拿来改一改。逻辑清晰,代码也不算复杂,挺适合自由发挥的。

zip 文件大小:4.35MB