Phaser

JavaScript

import Phaser from "phaser";

import playground from './playground.png'
import ground from './ground.png'
import plant from './plant.png'
import token from './coin.svg'
import bone from './bone.svg'

import run1 from './run/r1.png'
import run2 from './run/r2.png'
import run3 from './run/r3.png'
import run4 from './run/r4.png'

import idle1 from './idle/i1.png'
import idle2 from './idle/i2.png'
import idle3 from './idle/i3.png'
import idle4 from './idle/i4.png'
import idle5 from './idle/i5.png'
import idle6 from './idle/i6.png'
import idle7 from './idle/i7.png'
import idle8 from './idle/i8.png'
import idle9 from './idle/i9.png'
import idle10 from './idle/i10.png'

import ju1 from './jumpUp/ju1.png'
import ju2 from './jumpUp/ju2.png'
import ju3 from './jumpUp/ju3.png'
import ju4 from './jumpUp/ju4.png'
import ju5 from './jumpUp/ju5.png'
import ju6 from './jumpUp/ju6.png'

import jd1 from './jumpDown/jd1.png'
import jd2 from './jumpDown/jd2.png'
import jd3 from './jumpDown/jd3.png'
import jd4 from './jumpDown/jd4.png'
import jd5 from './jumpDown/jd5.png'
import jd6 from './jumpDown/jd6.png'

export default class playScene extends Phaser.Scene {

  constructor() {
    super({
      key: "playScene"
    });
    this.canJump = true;
    this.tokenCount = 0;
    this.boneCount = 0;
    this.score = 0;
    this.heart = 3;
  }

  preload() {
    this.load.image('playground', playground);
    this.load.image('ground', ground);
    this.load.image('plant', plant);
    this.load.image('token', token);
    this.load.image('bone', bone);

    this.load.image('run1', run1);
    this.load.image('run2', run2);
    this.load.image('run3', run3);
    this.load.image('run4', run4);

    this.load.image('idle1', idle1);
    this.load.image('idle2', idle2);
    this.load.image('idle3', idle3);
    this.load.image('idle4', idle4);
    this.load.image('idle5', idle5);
    this.load.image('idle6', idle6);
    this.load.image('idle7', idle7);
    this.load.image('idle8', idle8);
   ...