The game mechanic or rather element of changing the space the player can move around in is essential to many platform games.
Let's look at how we can extend our world so that when our player starts to move towards the edges, the world scrolls to reveal more space.
Our approach relies on the following exiting knowledge;
First note that we should add a new variable var background at the start of our code.
Then have a look at some key code in the create function;
background = game.add.tileSprite(0, 0, 480, 360, 'background');
game.world.setBounds(0, 0, 900, 360);
We also set the bounds of the world to be wider than the game size created when we created the game object. Here we have a width of 900, you can change this to experiment with bigger or smaller worlds.
To make the focus of the game follow the player, so that for the most part the player stays in the centre of the screen, we set a camera to follow the player and for the background to also move with along with the camera
background.fixedToCamera = true
Finally in update, this next line of code creates the scrolling and looping effect. You can comment it out to see the difference.
That's it. We hope you enjoy adding this game dynamic to your game to extend your game size.
There has been error in communication with Booktype server. Not sure right now where is the problem.
You should refresh this page.