📜  战猫挑战战 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:09:58.554000             🧑  作者: Mango

战猫挑战战 - TypeScript

简介

战猫挑战战是一个基于 TypeScript 的游戏开发项目,旨在提供一种利用 TypeScript 进行游戏开发的实践与探索方式。

本项目可作为学习 TypeScript 的实践项目,涵盖了 TypeScript 基础、面向对象编程、模块化编程、工程化实践等多个方面,具有较高的实战性和可扩展性。

技术栈

本项目使用以下技术栈:

  • TypeScript
  • PixiJS
  • Webpack
  • ESLint
  • Prettier
项目结构
.
├── dist                       # 打包后的文件输出目录
├── src                        # 项目源码
│   ├── assets                # 静态资源目录
│   ├── core                  # 游戏核心代码目录
│   ├── scenes                # 游戏场景目录
│   └── index.ts              # 项目入口文件
├── .eslintrc.json             # ESLint 配置文件
├── .prettierrc                # Prettier 配置文件
├── package.json
├── tsconfig.json              # TypeScript 配置文件
└── webpack.config.js          # Webpack 配置文件
快速开始
  1. 克隆本项目到本地:

    git clone https://github.com/awesome-devs-at-work/cat-vs-cats-typescript.git
    
  2. 进入项目目录,安装依赖:

    cd cat-vs-cats-typescript
    npm install
    
  3. 启动开发服务器:

    npm start
    

    运行以上命令后,打开浏览器访问 http://localhost:8080 可以看到游戏页面。

  4. 构建项目:

    npm run build
    

    运行以上命令后,在 dist 目录下生成打包后的文件。

学习资源
参考资料

本项目基于以下项目进行改进和定制:

License

MIT.