phaser3-planck/src/scenes/Basic.js

Integrates Planck-js physics with Phaser3.

import Phaser from "phaser"

export default class Basic extends Phaser.Scene {
  constructor() {
    super({ key: "Basic" })
  }

  preload () {
  }

  init() {

  }

  create() {

    // Ground Texture
    const groundTexture = this.add.graphics()
    groundTexture.fillStyle(0x666666)
    groundTexture.fillRect(0, 0, 640, 40)
    groundTexture.generateTexture('demo_basic_ground', 640, 40)
    groundTexture.destroy()

    // Ground Sprite
    const groundSprite = this.planck.add.sprite(0, 400, 'demo_basic_ground')
    groundSprite.setBody('box')
    groundSprite.setStatic()

    // Box Texture
    const boxTexture = this.add.graphics()
    boxTexture.fillStyle(0xffff00)
    boxTexture.fillRect(0, 0, 100, 100)
    boxTexture.generateTexture('box', 100, 100)
    boxTexture.destroy()

    // Ball Texture
    const ballTexture = this.add.graphics()
    ballTexture.fillStyle(0xffffff)
    ballTexture.fillCircle(15, 15, 15)
    ballTexture.generateTexture('ball', 30, 30)
    ballTexture.destroy()

    // Polygon Texture
    const polyTexture = this.add.graphics()
    polyTexture.fillStyle(0x00ff00)
    const polypoints = [
      {x: 0, y: 64},
      {x: 64, y: 64},
      {x: 64, y: 0}
    ]
    polyTexture.fillPoints(polypoints, true, true)
    polyTexture.generateTexture('poly', 64, 64)
    polyTexture.destroy()

    // Polygon
    const box = this.planck.add.sprite(100, 300, 'box')
    box.setBody('box')
    box.setStatic()

    // Polygon
    const poly  = this.planck.add.sprite(300, 200, 'poly')
    poly.setBody('polygon', {
      points: [[0,64],[64, 64], [64, 0]]
    })
    poly.setStatic()


    // Ball Drop Timer
    const timer = this.time.addEvent({
      delay: 500,
      callback: () => {
        const ball = this.planck.add.sprite(
          Phaser.Math.Between(200, 300),
          100,
          'ball'
        )
        ball.setBody('circle')
        ball.setTintFill(`0x${Math.floor(Math.random()*16777215).toString(16)}`)
        this.time.delayedCall(3000, () => {
          ball.destroy()
        }, null, this)
      },
      //args: [],
      callbackScope: this,
      repeat: 10
    })

  }
}