Create an original RPG game: Chapter one.

 

You should start here to have a better idea where this is going!

 

After downloading the source code package (right-click – save as to download),double-click on it and this will start Game Maker.  Run the game to get a feel of what it does.  To do this, simply click on the green icon that is labelled Run the game.

  

 

 

This will start the game in demonstration mode.  You do this from time to time to check if your game is running correctly.

 

When your games aren’t working properly, and you want to see what’s going wrong, you can also run the game in debug mode. 

 

 

 

It does the same as running the game, except you have a small window that gives you info on what is going on as the game runs.  This helps figure out what went wrong. 

 

So for now, you’re just running the game normally, and this is what you see.  Obviously, we’re just starting so it’s rather basic.  We’ll worry about graphics later.

 

 

 

Click on the head or bag and rudimentary panels appear, each containing an inactive “square”.  Run your mouse over the square and it changes color, but that’s all for now.

 

One of these panels is the inventory (bag) and the other is your character panel.

 

 

 

Click on the black top bar and hold the left mouse button down.  Move the mouse around and you see the panel moves accordingly. 

 

Click on the head or bag button again and the corresponding  panel disappears.

 

There you have it, the early stages of interactive inventory management.

 

You might have noticed that below the world view area there are five squares, similar to the ones in the inventory and character panels.  These make up the control bar.

 

Soon you’ll be able to find items in the room that will automatically appear in your inventory (given there is still space there), click and drag these items to the character panel to equip them, do the same towards the control bar to be able to use them by clicking on it there.

 

But for now, let’s look at how we’ve gotten these results so far (Please go back to Game Programming and select chapter 1 part 2 to continue).

 

Back to Game Programming 

Post Footer automatically generated by Add Post Footer Plugin for wordpress.

Create an original RPG game: Chapter 1, part 2.

 

You should start here to have a better idea where this is going!

 

Game programming with dynamic objects.

 

Don’t worry if you don’t know what objects are just yet. It will become very clear as you read on.

 

Before doing anything you will need to create a room. Right-click on Rooms and create one. Don’t do anything with it yet.

 

 

To create objects you first create the associated sprite(s). Sprites are just a buzz word for the small images that move around the screen (your character, the bag image, the table…) To include sprites you must first create them. At this stage I only created very basic sprites for the sake of having something. Once you have an image ready, right-click on the sprites folder and “upload” the sprite into the game.

 

 

 

Then you create the objects (right click on Objects folder, just like sprites or rooms) Double-click on the new object in the panel, name it,

 

 

 

and then you associate the sprite.

 

 

 

For dynamic objects, (objects that don’t always look the same) I often prefer to not associate sprites, but use the draw event to call a piece of code.

 

The code will dispay the sprite according to variables that change as the player interacts with the game. This gives many more options than by using the limited point and click features.

 

 

1. Create the draw event (pick it from the options that appear by clicking on Add Event).

2. Select the Control Tab.

3. Click and drag “Execute Code” from the Control Tab to the list of actions.

 

Several objects are used at this point.

 

1. The character object (main_ch) which can move around and trigger a pop up when it hits something.

2. The north, east, south, and west doors. Only north and east are in that room, but the others are available for later rooms.

3. The horizontal and vertical wall pieces.

4. A table object.

5. Square objects for future inventory slots.

6. Topbar, and inventory objects.

7. A bag and character inventory objects.

 

Objects can be placed in the world view, or Rooms to appear in the game. Sometimes you won’t place them there at first but they will be created later by the game, according to situations that occur. They can react to different situations (be created, be destroyed, change appearance, move…). Those situations result from the programming and can be much more diverse by programming code than they can be with the point and click options.

 

Back to Game Programming.

Post Footer automatically generated by Add Post Footer Plugin for wordpress.

Create an original RPG game: Chapter 1, part 3.

 

You should start here to have a better idea where this is going!

 

Game programming – starting with the world view.

 

I started by creating a very basic world view, just for the sake of illustration.  There is a character, with a very prominent nose  that changes directions according to which arrow keys you use.

 

There are also a few walls, doors, and a table.  Each was added directly to “room0” by opening the room, selecting the objects and clicking at the appropriate spot.

 

 

 

To make the character able to move around, you need to open the character’s Object Properties window.  It’s already created so just double click on the main_ch object in the object list.

 

Add the left keyboard event by clicking Add event, then selecting the bottom left option, then selecting <left> in the list that appears.

 

  

 

At this point there are two options to consider.  The first is to use the point and click tabs in the move tab on the right.  The second is to insert a piece of code as seen previously.

 

Like I said before, I don’t like point and click.  It is too limited and you don’t truly learn to program games by relying on those.  It isn’t that hard to learn so… 

 

The left event triggers Execute a piece of code from the control tab.

global.heading=4;

if instance_position(x-10,y,all)=noone x-=4

    else if global.space_mess=0 global.space_mess=1;

 

This is the code when the left arrow key is pressed. 

 

- Global is necessary when the variable heading is meant to be used in scripts other than the one it is included in. 

- Heading = 4 means the character will be facing west (1 for N, 2 for E…).

- if instance_position(x-10,y,all)=noone checks for any type of object that intersects with the character’s x coordinate-10 (10 pixels to the left) and the character’s y coordinate. 

o       If there is anything just to the left of your character, that means the “if condition” is not met (it doesn’t find “no one” because it finds something).  In that case it runs the statement found in “else”.  “all” means it checks for anything at all – this can be replaced by specific object names.

o       If there is nothing there, then the “if condition” is met.  It moves the character 4 pixels to the left by subtracting 4 from its x coordinate.

else if global.space_mess=0 global.space_mess=1; is what happens when there is an object ten pixels to the left of your character while pressing the left arrow key.

o       If the variable global.space_mess=0, then it changes the variable to 1.  Space_mess stands for “space message”.  If you run into a wall or the table, a message appears that reads “When facing an object hit SPACE to see your options”.  This is just to demonstrate that you can trigger this.  Hitting SPACE doesn’t do anything at this point.

o       In the draw event, part of the associated code is:  if global.space_mess=1 {…} which means that if the variable’s value is one then it will run what is in between the brackets.

§        show_message(”When facing an object hit SPACE to see your options”);  This shows the message (the OK button is included automatically).

§       global.space_mess=2; This ensures that the message is only showed once.  If I wanted that message to appear each time the player runs into an object I would set it back to 0 so the entire process could run again, or even simpler simply not have created this variable at all.

 

The control bar.

 

Below the world view there is a control bar made up of five “squares”. 

 

 

These don’t show much unless you run the mouse over them.  At this point they only react to Mouse Enter and Mouse Leave events.  Again, you add events by double-clicking on the object it will apply to on the left.  Then you add the Mouse Enter and Mouse Leave events the same way you added events previously.

 

At this point the game doesn’t require more than point and click so I used the Change sprite button in the main1 tab.  This could change later though if I need this to trigger code (it will).

 

 

 

1. Open the Object properties for a square object.
2. Create Mouse Enter and Mouse Leave events.
3. Select one of the two.
4. Open the main1 tab.
5. Click and drag  into the list of Actions.
6. Double click on it then.
7. Select the sprite you want it to change into.
8. and repeat for the other event.

 

In both cases, they change sprites accordingly.  For this I used the predefined action “change sprite”.

In later versions these will react to items being “dragged into them”.

 

Back to Game Programming 

Post Footer automatically generated by Add Post Footer Plugin for wordpress.