PlanetSearch 3跑酷续作
跑酷风格的游戏项目 PlanetSearch3,是前作 Helix 历险记的续集,玩法和开发体验都挺上头的。
直接打开浏览器窗口的 index.html
就能看到运行效果,响应也快,调试也方便。如果你装了 VSCode 和 Live Server 扩展,右键点一下就能开跑,适合快速验证。
项目用到了 TypeScript、Webpack,还有个挺常见的打包流程。先跑一遍 npm install
,是 npm run build
。嗯,需要你全局装一下 webpack
和 tsc
,否则会报错。
两个终端窗口,一个运行 tsc --watch -p ./src --outDir ./nodeSrc
,另一个跑 webpack -w
,等它俩打包完,再右键 ./www/index.html
用 Live Server 打开,就能看到完整效果了。
整个流程其实还蛮适合初学 打字稿 和 模块打包 的朋友练手的,配套的 TypeScript 项目文章也比较多,比如:SkateJS + Webpack 初阶指南、TS 练习库,看完再回头折腾 PlanetSearch3,效率会高不少。
如果你已经玩转了 Webpack 和 TypeScript,想做点小游戏或者前端动效实验,这项目可以直接拿来改一改。逻辑清晰,代码也不算复杂,挺适合自由发挥的。
4.35MB
文件大小:
评论区