001 Game Creator

001 Game Creator

Not enough ratings
Creating a Simple Platformer: Beginner's Guide
By AnvilHouse
Learn how to make a simple platformer genre game and learn the basics of the 001 Game Creator interface.
   
Award
Favorite
Favorited
Unfavorite
Creating a Platformer Game Project
A platform game is a genre that features jumping, climbing and running characters, which must be guided through many diverse levels. In this tutorial we will go over the basic process start to finish.

1. Upon opening the program, you will be prompted with the New/Open Game window.
2. Click the Create New Game button to open the New Game window.
3. For this tutorial, seeing as we wish to make a platformer, select Platformer template from the list. This will ensure that our maps all appear side-on to support the two-dimensional look we are going for and will also disable the up and down movements, as they are not required.
4. In this same window, specify a name for your project. In this tutorial, we will name it Platformer Tutorial. Once this is done, click OK.

Advanced users may instead opt to use a "Blank Template". Keep in mind that doing so does not orient sprites, maps, and controls, but, by setting a few simple options blank template are perfectly capable of creating any game mode or orientation by reviewing the included templates in engine!
Creating a Platformer Wall Tileset
1. Firstly, select the Tilesets button from the main toolbar.
2. With the Ground or Wall folder selected on the top-left of the screen, click on the button to create a new Floor/Wall tile-set.
3. Beside the Display Name field in the window, name your Floor/Wall tile-set Platform.
4. Make sure Wall is selected under Layer in order to convert the tile-set from a Floor Set into a Wall Set.
5. In one 32x32px tile, insert your platform graphic. This could just be a simple looking tile like this:

We should now have a new tile-set, and got the basics of inserting a wall graphic. This alone can be enough to construct platforms, but if our game consists of thousands of platforms or terrains, we certainly don’t want to have to keep inserting tons of individual tiles. This is where ‘Wall Terraformations’ come into play. You can make as many platforms as you want, only requiring one single 32x32px tile. We will now learn how to create a Wall Terraformation.
Creating a Wall Terraformation
If you are new to terraforms, in 001 there is a built-in system to set tiles in and around any tile you place. Creating these may require a little trial and error to produce your perfect results when it comes to tiles, but when you nail your terraform tiles the way you want them, one tile turns into a swiss army knife.

1. Left-click the brown tile you just created to select it.
2. Under Terraformation Graphics at the left of the screen, click the Change Amount button and change the number of terraformation graphics to 1.
3. Once this is completed, left-click the blank square below the Change Amount button, allowing the Tile Terraformation window to open.
4. Right-click the large, middle blank square under Concave and select Edit to bring up the built-in Graphic Editor.
5. Within this 96 x 96px square, create a similar image to the one below (or right-click the image and select Copy and then go to Edit > Paste in the Graphic Editor):

6. After you feel content with your concave terraformation graphic, save and return to the Tile Terraformation window. Next, right-click the large middle blank square under Convex and select Edit, to bring up the built-in Graphic Editor.
7. Within this 96 x 96px square, create a similar image to the one below (or right-click the image and select Copy and then go to Edit > Paste in the Graphic Editor):

8. After you feel content with your convex terraformation graphic, save and return to the Tile Terraformation window. In the preview window, you will see how your tile terraformation can be manipulated in order to construct different shaped platforms:

When clicking on empty spaces in this area you can place more tiles to get a hang of your new tile.

Congratulations! You have just created a very powerful tile that can be manipulated and shaped to make platforms for your game. Unfortunately, platforms are not enough to satisfy a player’s aesthetic needs. You will need the aid of objects in your world to appeal to your audience. We will now learn how to create objects specifically designed for platform games.
Creating Platformer-Specific Objects
1. Assuming you are still in the tile-set editor, click to insert a new tile-set.
2. Beside Display Name, name your tile-set Environment. Next to Layer select Lower Object.
3. Click on one of the 32x32 tiles on the tile-set to highlight it.
4. Right-click the image below and select Copy, then right-click the tile you selected and select Paste.

5. Click the Yes button on the Size Warning message and you'll see the tree inside a single 32x32 tile. It doesn't matter that the image exceeds 32x32px, as it will become an environmental object.
6. From the drop-down menu labelled Tile Shape, make sure Tall is selected.

We have now created a simple object that we can place within our map. This can be placed in different layers to appear as though it is in the background or foreground of a character.
Setting up a 'Front View' Map
1. Firstly, select the Maps tab from the bottom-left section of the screen, and click to open the Map Properties window.
2. Beside Display Name, name your map Platforms.
3. Under General, set the Width/Height/Depth to 20, 3 and 10 respectively.
4. Make sure Front is selected from the drop-down menu labelled View.
Note: By doing this, we are no longer working on both the x-axis and y-axis, but instead, the x-axis and the z-axis, which will allow us to easily implement platforms with different heights as well as create platforms that float in mid-air.
5. Once this has been specified, click OK to finish editing the map properties. You should now see a blank, black map in front of you.
6. Now select Environment from the toolbar in the newly created map. Under Background, set the Upper Color and Lower Color to a gradient you wish your background to be. For this tutorial, we will be using a mixture of white and blue (representing a sky background).

7. Once this has been specified, click OK to finish editing the map environment.

You should now see a blank map with your sky blue background in front of you, ready to edit in Front View, for a simple implementation of our wall tiles.
Inserting Platforms onto the Map
From the Map Properties, we specified three y-axis, meaning that in Front View, we have three layers in which we can insert objects. For this tutorial, we will base the platform tiles in the second (center) layer. The current layer we have selected is at the very back, meaning we will have to switch it to get to the next layer.

1. From the main toolbar, select View > Move Down Layer or alternatively, CTRL+MouseWheelDown. The layer we are in can be indicated via the dimensions indicator next to the Environment button.
2. From the map toolbar at the top of the screen, select the Draw button .
3. Select the Walls tab and highlight the wall-set tile you created earlier.
4. Insert a long row across the bottom of the map as shown below:

5. Insert a pyramid-like shape onto your map as shown below:


You will now be able to notice how terraformation works. When inserting numerous tiles together, it will merge as we previously intended it to when we edited the terraformation tile.
Inserting Objects onto the Map
We will now insert our previously made object onto the map, but instead of sharing the same layer as the platforms we just inserted (if we were to use the same layer as the platforms, there would be a collision between the character and the object), we are going to use the back and front layers to make it appear as though there are objects within the foreground and the background of the character.

1. Move to the back layer by selecting View > Move Up Layer or alternatively CTRL+MouseWheelUp.
2. Select the Draw button once again, and select the Lower Objects tab and highlight the object you created earlier.
3. Insert the highlighted object onto the map as shown below:

(Note: You will notice that when you switched layers, the platforms changed to a green tint. This is to indicate which layer these objects are at, in relation to the current layer selected, a green tint indicating that the objects are in a layer in front of the currently selected one, and a red tint to indicate objects that are in a layer behind the currently selected one. You will see an example of the red tint when we insert an object into the front layer.)
4. Move to the front layer by selecting View > Move Down Layer twice, or alternatively, CTRL+MouseWheelDown twice.
5. Insert the highlighted object onto the map as shown below:

(Note: From this example we can see the layers which are behind the currently selected one from the red tint. If we were to move to the middle layer, we would see both a red and a green tint, indicating the tree in the background and the tree in the foreground.)
Creating a Character Sprite
1. We will now make a custom character for our platformer game, so start by selecting Sprites from the main toolbar, expand the Actor folder and then select the Body folder in the left side of the window.
2. Click to add a new character sprite and select (None) from the Pick Actor Template window.
3. Beside Display Name, name your character sprite Custom Character.
4. Under Pose, make sure that Walking is highlighted, so that we may add a walking animation.
5. Beside Direction, make sure the dial is pointing to the right, so that we can create a right walking animation.
6. Click Add Animation under Graphics to insert a new animation.
7. From the context menu, select Blank Images to bring up the Add Blank Frames window.
8. Beside Number, Width and Height, input the numbers 4, 32 and 32 respectively. Once this is done, click OK.
9. Four blue-checkered boxes should appear under your created animation in the list. Right-click the first square and drag across to the right to highlight all of the boxes and bring up a drop-down menu.
10. From this menu, select Edit to open the built-in Graphic Editor.
11. Here we will insert the frames for the Right animation. Right-click the image below and select Copy then go to Edit > Paste in the Graphic Editor to paste the image.

12. Once this is done, save the image and exit the window.
13. You will now have an animation where the character appears to be facing right. As you will notice, a majority of the image is a magenta tone . This significant color is used to fill in excess areas of your resources in order to make transparency. This color does not show up in your game, so be careful what tone of magenta you use.
(Note: Right and Left animations only require one or the other, as the image will mirror automatically for you. If you want a different looking animation to the other, then you may insert both animations.)
14. You have now created all the frames you need to have successfully created a custom-made character for our platform game.
Changing the Look of the Player
Seeing as we just created our own character, let's assign it to the player.

1. From the main toolbar, select the Player and Party button.
2. You will notice there is already one party member called Runguy. Making sure this party member is highlighted, click the Edit Actor button to the right, to open the Actor: Character [Playable] window.
3. In the Sprite section, click the Body button to open the Pick Sprite window. Then select our newly created character. Once this is done, click OK.
Placing Players onto the Map
1. Select the Game Settings button from the main toolbar.
2. At the top of the window, make sure that your map Platforms is selected from the drop-down menu.
3. Beside Starting Location, click the button to open a preview of the map you created.
4. Using CTRL+MouseWheelDown or CTRL+MousewheelUp, find the layer on which your platforms have been placed.
5. Specify a tile where the player will be positioned when the game starts. Once this is done, click OK.
Placing Actors onto the Map
1. Return back to your newly created map.
2. Using CTRL+MouseWheelDown or CTRL+MousewheelUp, to return to the layer on which your platforms have been placed.
3. From the Map toolbar at the top of the screen, select the button Actor.
4. Click anywhere on the map on top of the platform and double-click the Character actor from the Pick Actor Template window to bring up the Actor: Character window.
5. Click the Body button, select our newly made character. Once this is done, click OK.
Conclusion
Congratulations! You have now completed a fully-operational map with platforms and multiple layers. The content within this tutorial is not a definitive boundary for only creating platformers. There are many more options available to you within platform-based games and nearly all of these steps can be utilized in all of the other game types you wish to create. Enjoy your new found knowledge! We can't wait to see what will be made!