074 : Better side walls

Now that we have properly behaving platforms, we can add side walls on the left and right and remove our earlier code that constrained the player on the screen.

function init_game() { ... _game.platforms = []; // The bottom brick platform along the bottom of the stage. _game.platforms.push(create_platform(0, 360, _game.width, 40)); // The left offstage 'wall' to keep the player on the stage. _game.platforms.push( create_platform(-60, -_game.height, 60, 2 * _game.height)); // The right offstage 'wall' to keep the player on the stage. _game.platforms.push( create_platform(_game.width, -_game.height, 60, 2 * _game.height)); _game.platforms.push(create_platform(200, 290, 80, 20)); _game.platforms.push(create_platform(300, 240, 80, 20)); _game.platforms.push(create_platform(400, 170, 80, 20)); _game.platforms.push(create_platform(460, 110, 40, 20)); ... }

Pay attention: Note that -_game.height looks a bit weird because of the negative sign next to the underscore in _game.

Now, we can remove:

function update_player() { ... // Move the player to the new location. _player.x += _player.velocity_x; _player.y += _player.velocity_y; if (_player.x < 0) { _player.x = 0; } else if (_player.x > _game.width) { _player.x = _game.width; } }

RUN your code in a browser and verify that it loads without errors.

Note that the player now stays completely on the screen since it's colliding with a tall platform just offscreen.

GOTO 089 if you already have the Monster II - Roaming badge.

GOTO 061 if you already have the Monster I - Stationary badge.

GOTO 055