Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript Introducing JavaScript Let's Make a Game Modifying Values

I am unable to do task 2 of 2.

Unable to complete task 2 of 2. I am unable to do task 2 of 2. I change the platforms.create to platforms2.create and it doesnt work.

game.js
var game;
var player;
var platforms;
var badges;
var coins;
var cursors;
var jumpButton;
var text;
var winningMessage;
var won = false;
var currentScore = 0;
var winningScore = 100;

function createCoins() {
    coins = game.add.physicsGroup();

    coinCreate(375, 100, 'coin');

}

function createPlatforms() {
    platforms = game.add.physicsGroup();

    platforms.create(300, 200, 'platform');
    platforms2.create(400, 450, 'platform');
    platforms.create(100, 450, 'platform');

    platforms.setAll('body.immovable', true);
}

function createBadge() {
    badges = game.add.physicsGroup();

    var badge = badges.create(550, 450, 'badge');
    badge.animations.add('spin');
    badge.animations.play('spin', 10, true);
}

function coinCreate(left, top, coinImage) {
    var coin = coins.create(left, top, coinImage);
    coin.animations.add('spin');
    coin.animations.play('spin', 10, true);
}

function collectHandler(player, coin) {
    coin.kill();
    currentScore = currentScore + 10;
    if (currentScore === winningScore) {
        createBadge();
    }
}

function collectBadgeHandler(player, badge) {
    badge.kill();
    won = true;
}

window.onload = function () {

    game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render });

    function preload() {

        game.stage.backgroundColor = '#5db1ad';
        //Load images
        game.load.image('platform', 'platform_1.png');
        game.load.image('platform2', 'platform_2.png');
        //Load spritesheets
        game.load.spritesheet('player', 'chalkers.png', 48, 62);
        game.load.spritesheet('coin', 'coin.png', 36, 44);
        game.load.spritesheet('badge', 'badge.png', 42, 54);
    }

    function create() {

        player = game.add.sprite(50, 600, 'player');
        player.animations.add('walk');
        player.anchor.setTo(0.5, 1);

        game.physics.arcade.enable(player);

        player.body.collideWorldBounds = true;
        player.body.gravity.y = 500;

        createCoins();
        createPlatforms();

        cursors = game.input.keyboard.createCursorKeys();
        jumpButton = game.input.keyboard.addKey(Phaser.Keyboard.SPACEBAR);

        text = game.add.text(16, 16, "SCORE: " + currentScore, { font: "Press Start 2P", fontSize: 18, fill: "white" });
        winningMessage = game.add.text(game.world.centerX, 250, "", { font: "Press Start 2P", fontSize:"48px", fill: "white" });
        winningMessage.anchor.setTo(0.5, 1);

    }

    function update() {
        text.text = "SCORE: " + currentScore;
        game.physics.arcade.collide(player, platforms);
        game.physics.arcade.overlap(player, coins, collectHandler);
        game.physics.arcade.overlap(player, badges, collectBadgeHandler);

        player.body.velocity.x = 0;

        if (cursors.left.isDown) {
            player.animations.play('walk', 10, true);
            player.body.velocity.x = -300;
            player.scale.x = - 1;
        }
        else if (cursors.right.isDown) {
            player.animations.play('walk', 10, true);
            player.body.velocity.x = 300;
            player.scale.x = 1;
        }
        else {
            player.animations.stop();
        }

        if (jumpButton.isDown && (player.body.onFloor() || player.body.touching.down)) {
            player.body.velocity.y = -400;
        }
        if (won) {
            winningMessage.text = "YOU WIN!!!";
        }

    }

    function render() {

    }

};

2 Answers

Steven Parker
Steven Parker
220,378 Points

The instructions say, "Modify the platform.create command on line 25 to use the string 'platform2' instead of 'platform'."

They are talking about the string argument which is enclosed in single quotes. You may also notice that the original string contains the word "platform" (singular) but the variable name is "platforms" (plural).

S J B
S J B
2,631 Points

Hi Steven, Im struggling with this too and still cant get it even after exploring your answer - any more pointers without giving it away?

Steven Parker
Steven Parker
220,378 Points

The string mentioned in the instructions :arrow_heading_down:
platforms.create(400, 450, 'platform');
  :arrow_up: variable name ending in "s", not part of instructions

HIDAYATULLAH ARGHANDABI
HIDAYATULLAH ARGHANDABI
21,030 Points
var game;
var player;
var platforms;
var badges;
var coins;
var cursors;
var jumpButton;
var text;
var winningMessage;
var won = false;
var currentScore = 0;
var winningScore = 100;

function createCoins() {
    coins = game.add.physicsGroup();

    coinCreate(375, 100, 'coin');

}

function createPlatforms() {
    platforms = game.add.physicsGroup();

    platforms.create(300, 100, 'platform');
    platforms.create(400, 450, 'platform2');
    platforms.create(100, 450, 'platform');

    platforms.setAll('body.immovable', true);
}

function createBadge() {
    badges = game.add.physicsGroup();

    var badge = badges.create(550, 450, 'badge');
    badge.animations.add('spin');
    badge.animations.play('spin', 10, true);
}

function coinCreate(left, top, coinImage) {
    var coin = coins.create(left, top, coinImage);
    coin.animations.add('spin');
    coin.animations.play('spin', 10, true);
}

function collectHandler(player, coin) {
    coin.kill();
    currentScore = currentScore + 10;
    if (currentScore === winningScore) {
        createBadge();
    }
}

function collectBadgeHandler(player, badge) {
    badge.kill();
    won = true;
}

window.onload = function () {

    game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render });

    function preload() {

        game.stage.backgroundColor = '#5db1ad';
        //Load images
        game.load.image('platform', 'platform_1.png');
        game.load.image('platform2', 'platform_2.png');
        //Load spritesheets
        game.load.spritesheet('player', 'chalkers.png', 48, 62);
        game.load.spritesheet('coin', 'coin.png', 36, 44);
        game.load.spritesheet('badge', 'badge.png', 42, 54);
    }

    function create() {

        player = game.add.sprite(50, 600, 'player');
        player.animations.add('walk');
        player.anchor.setTo(0.5, 1);

        game.physics.arcade.enable(player);

        player.body.collideWorldBounds = true;
        player.body.gravity.y = 500;

        createCoins();
        createPlatforms();

        cursors = game.input.keyboard.createCursorKeys();
        jumpButton = game.input.keyboard.addKey(Phaser.Keyboard.SPACEBAR);

        text = game.add.text(16, 16, "SCORE: " + currentScore, { font: "Press Start 2P", fontSize: 18, fill: "white" });
        winningMessage = game.add.text(game.world.centerX, 250, "", { font: "Press Start 2P", fontSize:"48px", fill: "white" });
        winningMessage.anchor.setTo(0.5, 1);

    }

    function update() {
        text.text = "SCORE: " + currentScore;
        game.physics.arcade.collide(player, platforms);
        game.physics.arcade.overlap(player, coins, collectHandler);
        game.physics.arcade.overlap(player, badges, collectBadgeHandler);

        player.body.velocity.x = 0;

        if (cursors.left.isDown) {
            player.animations.play('walk', 10, true);
            player.body.velocity.x = -300;
            player.scale.x = - 1;
        }
        else if (cursors.right.isDown) {
            player.animations.play('walk', 10, true);
            player.body.velocity.x = 300;
            player.scale.x = 1;
        }
        else {
            player.animations.stop();
        }

        if (jumpButton.isDown && (player.body.onFloor() || player.body.touching.down)) {
            player.body.velocity.y = -400;
        }
        if (won) {
            winningMessage.text = "YOU WIN!!!";
        }

    }

    function render() {

    }

};
Steven Parker
Steven Parker
220,378 Points

:warning: FYI: According to a moderator, explicit answers without any explanation are strongly discouraged by Treehouse.