Phaser3 游戏开发（一）

（一）开发环境搭建

主要技术栈 vue-cli

1. 先下载好 vue-cli，启动好之后运行

2. 安装 phaser （fei ze 飞者 平舌）

npm i phaser

3. 小例子代码；vue 与 phaser 相结合

<template>
  <div>
    
  </div>
</template>

<script>
import Phaser from 'phaser'
class PhaserGame extends Phaser.Scene {
  create () {
    // this 是PhaserGame PhaserGame继承Phaser.Scene中的所有方法
    // 比如load add 等
      this.add.image(400, 300, 'sky');
      var particles = this.add.particles('red');
      var emitter = particles.createEmitter({
        speed: 100,
        scale: { start: 1, end: 0 },
        blendMode: 'ADD'
      });
      var logo = this.physics.add.image(400, 100, 'logo');
      logo.setVelocity(100, 200);
      logo.setBounce(1, 1);
      logo.setCollideWorldBounds(true);
      emitter.startFollow(logo);
    }
    preload () {
      // 加载游戏图片
      this.loa