phaser3-planck/todo/Ball.js

Integrates Planck-js physics with Phaser3.

import Phaser from 'phaser'
import * as Planck from 'planck-js'

export default class Poly extends Phaser.GameObjects.Sprite {

    constructor (scene, x, y, radius, isDynamic, isFixed) {
        super(scene, x, y)
        
        const rnd = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)

        const graphics = scene.add.graphics()
        graphics.fillStyle(0xEEEEEE, 1)
        graphics.fillCircle(radius, radius, radius)

        graphics.generateTexture(rnd, radius * 2, radius * 2)
        graphics.destroy()

        this.setTexture(rnd)
        this.scene = scene
        this.isDynamic = isDynamic
        this.isFixed = isFixed
        this.scene.add.existing(this)

        this.radius = radius
    
        this.x = x
        this.y = y

        // Body
        this.b = scene.world.createBody()
        if (this.isDynamic) { this.b.setDynamic() }

        this.b.createFixture(Planck.Circle(radius / scene.scaleFactor), {
            friction: 0.1,
            restitution: 0.5,
            density: 1
        })
        this.b.setPosition(Planck.Vec2(this.x / scene.scaleFactor, this.y / scene.scaleFactor))
        this.b.setMassData({
            mass: 1,
            center: Planck.Vec2(),
            I: 1
        })

        // Set initial state
        this.b.setActive(false)

        // Custom
        this.setInteractive()
        this.on('pointerdown', (pointer, localX, localY, event) => {
            scene.force.setVisible(true)
            // scene.trajectory.setVisible(true);
        })
    }

    doForce (pointer) {
        this.b.setActive(true)
        const dis = Phaser.Math.Distance.Between(pointer.worldX, pointer.worldY, this.x, this.y)
        const force = Planck.Vec2.sub(Planck.Vec2(pointer.worldX, pointer.worldY), Planck.Vec2(this.x, this.y))
        const mForce = force.mul(dis / 40)
        this.b.applyForceToCenter(Planck.Vec2(-mForce.x, -mForce.y), true)
    }

    preUpdate (time, delta) {
        super.preUpdate(time, delta)
        let p = this.b.getPosition()
        this.x = p.x * this.scene.scaleFactor
        this.y = p.y * this.scene.scaleFactor
        this.rotation = this.b.getAngle()
    }
}