Easily make a platform game with the Gamefroot Classic Template

Knowledgebase / Easily make a platform game with the Gamefroot Classic Template

Gamefroot has pre-made games called templates that you can modify to quickly make a game. The Gamefroot Classic Template allows you to build onto a platform game template using the classic Gamefroot characters, terrain tiles, and interactive game objects (from the Gamefroot Classic Pack).

1. Opening the Gamefroot Classic Template

templates

Open the Gamefroot Classic Template by clicking File, then clicking New Game from the menu bar.

2. Getting used to the interface

There are few main areas of the Gamefroot interface that you will often use:

  1. The levels bar: switch between levels, and create or remove levels.
  2. The sidebar: choose your game objects from here. These are the ingredients for your game. 
  3. The level: place your game objects here to build your world.
  4. The tool bar: switch between placing, moving, or deleting things from your level.
  5. The layers panel: organise the game assets that are in your level into layers and tile maps.

interface

3. Start by playing the game

play-button

Preview how the game looks by clicking PLAY in the top-right corner.

pasted image 0 (4)

This game uses arrow keys to move your character, and spacebar to jump.

As you’re playing the game, think about how you might improve it. Can you make it a bit trickier to get to certain parts of the level? How can you make it more difficult, or does it need to be a bit easier to move through? To return to editing the game, click EDIT in the top-right corner.

4. Switching Levels

We want to start off working on the Game level, but the level currently open is the Start Screen level.

levels

You can switch to the Game level by clicking on Game in the levels bar near the top of the screen. Now we can see our game world in this level.

5. Moving around the level

We can only see a part of this level, since it is larger than our screen.

To move around the level to see the rest of it, click on the move tool from the toolbar to the right of the sidebar, then click and drag on the level.

pasted image 0 (5)

6. Drawing terrain tiles

Once you’ve seen what’s already in the level, we’re going to start adding some terrain tiles. Terrain tiles are solid ground, walls, or platforms. It’s the stuff that you can walk on and bump into.

To draw terrain tiles into your level, you must first select a terrain brush to use. Open the Game Objects sidebar (on the left), and click on a terrain brush (under Terrain Brushes). Now it is ready to paint into your level.

select-terrain-brush

Click and drag inside your level to draw terrain tiles. Think about the way you’d like your world to be shaped, and draw it as best you can. Try using different kinds of terrain tiles for different areas.

drag-terrain

If terrain doesn’t get drawn, you need to be drawing it with a tile map selected (tile maps are in the Layers panel and have a grid icon next to them). To select a tile map, you can click on the GrassTerrain tile map or the Castle tile map in the Layers panel. Now any terrain that is placed in your level will go inside the selected tile map.

Placing terrain tiles into the appropriate tile map will help you to keep things organised.

7. Erasing terrain tiles and game objects

You can place, move, or delete terrain tiles and game objects in your level by changing the tool selected from the toolbar. To switch to deleting things, click on the eraser tool from the toolbar. Now click on anything you want to delete.

eraser-tool

You can also right-click on something, and select Delete Asset.

To switch back to drawing, select the brush tool from the toolbar.

8. Moving things

If you want to move something in your level without having to delete it and draw it again, you can use the selection tool. Click on the selection tool from the toolbar (the selection tool looks like a mouse cursor), then click on something in your level.

selection-tool

Your selection should now have a border around it. Click and drag what you’ve selected, and move it to a different position.

9. Adding interactive Game Objects

This template game comes with a bunch of interactive game objects you can use, like characters, teleporters, story points, moving tiles, and doors. These have been programmed to behave in certain ways. To view these, click on the Game objects tab in the sidebar (underneath the brush icon). To place them in your level, click on them, and then click inside your level.

prefabs

The game objects with lightning bolt icons are the ones that have already some behaviours programmed into them – these are called Prefabs (short for pre-fabricated game object). For example the door is a prefab that has been programmed to open if the player walks up to it with a key.

10. Using Layers and Tile Maps for Game Objects and Terrain

If you place game objects in a tile map layer, they will be converted to be like terrain – this makes them solid and keeps them stuck in place. If we want our game objects to be able to do more than just sit there, we need to place them on a regular layer (not terrain/tile map). Note: Tile map layers have a grid icon to the right, and are crossed out in the image below.

regular-layers

To do this, click on the one of the layers without a grid in the Layers panel. Now anything that is placed in your level will go inside this layer. This helps you to organise the different things inside your level.

You can move layers in front of or behind each other by clicking and dragging on the layer in the layers panel.

layers5

You can create a new layer by clicking the plus icon next to Layers, and you can delete a layer by clicking the trash can icon next to the plus icon.

layers4

Be careful, though – if you delete a layer, everything inside it will be deleted too.

11. Changing Properties of Game Objects

Different game objects will behave in different ways, and some of them will need you to tell them how to behave. For example, the story point is already programmed to display a message in your game, but to customise that message you need to open the game object’s properties. To open its properties, right-click on the game object in your level, and select Edit Instance Properties (instance is another word for object).

pasted image 0 (7)

The properties window will pop up, and it will show you properties you can set for this game object. The properties you see will depend on the game object. When you close the properties window, the changes you made will be saved.

pasted image 0 (8)

When you play your game, if you notice that some of these game objects don’t behave as you expected them to, you’ll need to check that you set their properties and saved them.

Find out more about all the different prefab game objects in the Gamefroot Classic Pack.

12. Experiment and improve your game

Try placing a few different game objects into your level, see what properties they have for you to change, and then play your game. You may notice that some things need to be tweaked, so go back to edit mode, make the changes, and then play again. What parts of your game were the most fun? What parts can you improve?

When you’re happy with your game, you can publish it to share it with the world!