towerdefense：pixi.js编写的网页H5塔防游戏工程源码

towerdefense是Github上一个用 pixi.js 编写的 h5 塔防游戏，可以用 electron 打包为 exe，支持移动端，也可以用 webview 控件打包为 app 在移动端使用。

项目下载

git clone https://github.com/yinhui1129754/towerDefense.git

环境说明

  cnpm@6.2.0  
  npm@6.14.13  
  node@12.22.7  
  npminstall@3.28.0  
  yarn@1.22.10  
  
  npm config list  
  electron_mirror = "https://npm.taobao.org/mirrors/electron/"  
  home = "https://www.npmjs.org"  
  registry = "https://registry.npmmirror.com/"  

eslint说明

  @typescript-eslint/eslint-plugin@5.33.1  
  @typescript-eslint/parser@.33.1  
  eslint@8.22.0  
  eslint-config-prettier@8.5.0  
  eslint-config-standard@17.0.0  
  eslint-webpack-plugin@3.2.0  
  prettier@2.7.1  

关键库说明

  @pixi/sound@^4.3.3 //一个声音管理库
  @zip.js/zip.js@2.4.10 // 一个压缩管理库方便资源打包
  intersects@2.7.2 // 数学碰撞判断库
  lodash@4.17.20 // 一个辅助js更好用的类库深拷贝 浅拷贝
  pixi-filters@4.2.0 // 一个pixi的shader库 模糊，扭曲描边等功能
  pixi-spine@3.0.13 // spine动画支持库 我们对不同spine版本做了兼容
  pixi.js@6.5.9 // 一个渲染库
  uglify-js@^3.17.4 // 打包压缩js代码的工具库

安装运行

yarn  
npm run dev