【phaser.js学习笔记（1）】使用phaser.js制作游戏

phaser.js是一款开源的HTML5游戏框架，GitHub主页上star超过了2万。phaser.js支持使用JavaScript或TypeScript编写游戏，支持WebGL和Canvas渲染并可借助第三方工具编译成iOS，Android原生程序。phaser.js有两个版本：phaser 3和phaser CE（Community Edition）。phaser CE基于phaser 3并由社区主导，phaser 3是下一代phaser。

1、安装phaser 3

使用npm安装

npm install phaser

使用时引入

import 'phaser';

官方针对Webpack发布了Webpack模板（点击）。

2、创建游戏对象

import 'phaser';

// 游戏对象
let game;

// 全局游戏设置
const gameOptions = {
    // 角速度，每帧多少度
    rotationSpeed: 3,
    // 投掷飞刀的时间，单位毫秒
    throwSpeed: 150,
    // 两刀间最小间隔角度
    minAngle: 15
}

// 载入时初始化
window.onload = function () {
  // 配置信息
  const config =