Phaser.js game demo

by ubershmekel

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.55.2/phaser.min.js"></script>

JavaScript

const game = new Phaser.Game({
  width: 400,
  height: 400,
  backgroundColor: '#4488aa',
  scene: {
    preload: preload,
    create: create,
    update: update,
    render: render,
  },
  pixelArt: true,
  type: Phaser.WEBGL,
  premultipliedAlpha: true,
});

const redKey = 'red3x3';
let player;

function preload() {
  //this.load.image(redKey, 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5goXFwEiXqXg6AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAEklEQVQI12NgQAf/ubn/YwgCACitAhWGcapAAAAAAElFTkSuQmCC');
  //this.load.image(redKey, 'https://i.imgur.com/JArA3tQ.png');
  this.load.image(redKey, 'https://i.imgur.com/Jd7ECJD.png');
  //this.textures.addBase64(redKey, 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5goXFwEiXqXg6AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAEklEQVQI12NgQAf/ubn/YwgCACitAhWGcapAAAAAAElFTkSuQmCC');

}

function create() {
  player = this.add.sprite(150, 150, redKey);
  player.setScale(50);
}

function update() {
  player.angle = player.angle + 1;
}

function render() {}