https://github.com/idongliming/phaser3-typescript

使用ts语言写的phaser游戏示例-中文
https://github.com/idongliming/phaser3-typescript

game phaser3 translation tutorial

Last synced: 9 months ago
JSON representation

使用ts语言写的phaser游戏示例-中文

• Host: GitHub
• URL: https://github.com/idongliming/phaser3-typescript
• Owner: idongliming
• License: mit
• Created: 2019-11-09T08:13:11.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T11:33:33.000Z (about 3 years ago)
• Last Synced: 2025-02-18T00:58:34.137Z (11 months ago)
• Topics: game, phaser3, translation, tutorial
• Language: TypeScript
• Homepage:
• Size: 13.5 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  





  用TypeScript语言和Phaser 3 框架开发的简单游戏 





  ![Dependencies](https://img.shields.io/david/idongliming/phaser3-typescript.svg)

  ![GitHub issues](https://img.shields.io/github/issues/idongliming/phaser3-typescript.svg)

  ![GitHub stars](https://img.shields.io/github/stars/idongliming/phaser3-typescript.svg)

  ![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)

  ![Code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)

  ![GitHub licence](https://img.shields.io/github/license/idongliming/phaser3-typescript.svg)





  

    Examples made with ❤︎ by digitsensitive

    Framework created by Photonstorm

  



# Phaser 3 and TypeScript

[Phaser](https://github.com/photonstorm/phaser) 是一个优秀, 快速 并且开源面给的 HTML5 游戏框架。

这里你会找到使用TypeScript和Phaser 3开发的游戏，愉快的开发和玩游戏









## 快速开始

### 前提

```

在 https://nodejs.org/en 下载安装Node.js 

```

### 安装

选择一个文件夹使用这条命令克隆这个仓库:

```

git clone https://github.com/idongliming/phaser3-typescript.git

```

使用这条命令安装依赖:

```

npm install

```

### 构建、运行

执行构建 (bundle.js) 并且启动本地服务器:

```

npm run dev

```

## 游戏示例

![Beginner](https://img.shields.io/badge/Difficulty-Beginner-green.svg)



  

  





  

  





  

  



![Intermediate](https://img.shields.io/badge/Difficulty-Intermediate-blue.svg)



  

  





  



## 备忘录

- [查看备忘录](https://github.com/idongliming/phaser3-typescript/blob/master/cheatsheets)

## 外部资源

- [Phaser 3 Framework](https://github.com/photonstorm/phaser)

- [Phaser 3 Docs with TypeScript Definition File](https://github.com/photonstorm/phaser3-docs)

- [Phaser 3 Online Docs](https://photonstorm.github.io/phaser3-docs/index.html)

- [Phaser 3 Official Examples](https://github.com/photonstorm/phaser3-examples)

- [Phaser 3 Discourse](https://phaser.discourse.group)

## 有用的工具

- [Leshy SpriteSheet Tool](https://www.leshylabs.com/apps/sstool)

- [Tiled](https://www.mapeditor.org)

- [Littera](http://kvazars.com/littera)

- [Tile Extruder](https://github.com/sporadic-labs/tile-extruder)

## TypeScript 配置

### tsconfig.json

The following `Compiler Options` have been set in the `tsconfig.json` file:

| Option | Value     |

| :------------- | :------------- |

| target       | ES2016 |

| module       | CommonJS |

| sourceMap    | true |

| noImplicitAny| true [WIP] |

| strict       | true [WIP] |

You can see the complete list of the available options at [here](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html).

Interesting read about [setting up a nodejs-project](https://codeburst.io/tips-for-setting-up-a-typescript-nodejs-project-5d1c48dc1a2d).

## 协议

这个项目使用 MIT 协议 -  [LICENSE.md](https://github.com/digitsensitive/phaser3-typescript/blob/master/LICENSE).

> forked from [digitsensitive](https://github.com/digitsensitive/phaser3-typescript)