Codecademy Learn Phaser: Keyboard Events 10/12

//Sample Solution
const gameState = {}

function preload() {
  this.load.image('codey', 'https://s3.amazonaws.com/codecademy-content/courses/learn-phaser/codey.png');
}

function create() {
  gameState.codey = this.add.sprite(150, 200, 'codey')
  // Set cursor keys here!
  gameState.cursors = this.input.keyboard.createCursorKeys();
}

function update() {
  // Update based on keypress here!
  if(gameState.cursors.right.isDown){
    gameState.codey.x += 5
  }
  if(gameState.cursors.left.isDown){
    gameState.codey.x -= 5
  }
  if(gameState.cursors.up.isDown){
    gameState.codey.y -= 5
  }
  if(gameState.cursors.down.isDown){
    gameState.codey.y += 5
  }
}

const config = {
type: Phaser.AUTO,
width: 400,
height: 500,
backgroundColor: "#5f2a55",
scene: {
    preload,
    create,
    update
}
}

const game = new Phaser.Game(config)

Codecademy Learn Phaser: Basics Storing State 8/12

//Sample Solution
const gameState = {};

function create() {
  gameState.circle = this.add.circle(40, 100, 20, 0xff9999)
}

function update() {
  gameState.circle.y += 1
}

const config = {
type: Phaser.AUTO,
width: 450,
height: 600,
backgroundColor: "#99ff99",
scene: {
    create,
    update
}
}

const game = new Phaser.Game(config)

Codecademy Learn Phaser: Basics Move Your Bodies 7/12

//Sample Solution
let codey;

function preload() {
  this.load.image('codey', 'https://s3.amazonaws.com/codecademy-content/courses/learn-phaser/codey.png');
}

function create() {
  codey = this.add.sprite(30, 200, 'codey')
}

// Create your update() function here
function update() {
  codey.x += 1;
}

const config = {
type: Phaser.AUTO,
width: 400,
height: 400,
backgroundColor: "#5f2a55",
scene: {
    preload,
    create,
    // Include update here!
    update
}
}

const game = new Phaser.Game(config)

Codecademy Learn Phaser: Basics Start Making A Scene 6/12

//Sample Solution
// Create a create() function here:
function create() {
  this.add.text(100,170,"Spaze Invaydurs");
}

const config = {
type: Phaser.AUTO,
width: 450,
height: 600,
backgroundColor: "#a0a0dd",
  // Add in the scene information in the config here:
scene: {
  create
}
}

const game = new Phaser.Game(config)

Codecademy Learn Phaser: Basics Create A Config 5/12

//Sample Solution
const config = {
width: 450,
height: 600,
backgroundColor: "#0000ff",
}

const game = new Phaser.Game(config)

Codecademy Learn Phaser: Basics Draw A Background Image 4/12

//Sample Solution
function preload() {
  // Load in the background image here!
this.load.image('sky','https://s3.amazonaws.com/codecademy-content/courses/learn-phaser/sky.jpg');
}

function create() {
  // Put the background image in the scene here!
this.add.image(200,200,'sky');
}

const config = {
type: Phaser.AUTO,
width: 450,
height: 600,
backgroundColor: "#5f2a55",
scene: {
    create,
    preload
}
}

const game = new Phaser.Game(config)

Codecademy Learn Phaser: Basics Draw A Sprite 3/12

//Sample Solution
function preload() {
  // Load in the sprite here!
this.load.image('codey','https://s3.amazonaws.com/codecademy-content/courses/learn-phaser/codey.png')
}

function create() {
  // Create a sprite game object here!
this.add.sprite(40,50,'codey')
}

const config = {
type: Phaser.AUTO,
width: 450,
height: 600,
backgroundColor: "#5f2a55",
scene: {
    create,
    preload
}
}

const game = new Phaser.Game(config)