Game Maker Studio Rogue Like Game

Rename the sprite to spr_block

You always want to name sprites with the spr_ prefix 

Make your sprites 32 x 32

Block Sprite

 Now click on Edit Sprite then file new

Make sure the width and height are both 32 px

Now double click on the checkerboard sprite to go into the image editor fill the sprite with black color and click the green check 

 the origin of the sprite should be 0 and 0 this will make it easier to place in your room

 Draw Sprites

Open the green sprite Click Edit Sprite then double click on it

This will open game makers sprite editor

Lets Check out the tools of the sprite editor

Draw Tool

 Spray Paint Tool

 Eraser Tool

 Color Picker Tool

 Line Tool

Polygon Tool

 Rectangle Tool

 Ellipse Tool

 Rounded Rectangle Tool

 Selection Tool

 Fill Tool

 Change Pixel Color Tool

 Text Tool

 Magic Wand Tool

 Select by Spraying Tool

Use the Zoom Tool at the top to zoom into your image and press the grid button to turn on grid

These setting will make it easier to draw our picture

 Create player Sprite

Now we want to draw your players sprite so it looks better than a green block

First erase all the green with eraser tool this will leave a checkerboard pattern indicating that the image is transparent

Now add a head for your character I like to use the rounded rectangle tool

Choose black for left color and whatever color you want for character in right

You can use fill button to fill interior of the rectangle at anytime

Now Add eyes, mouth, hair etc

Take your time and do some Internet research to look at other 8 bit sprites

Mine is very simple you can make your more complex if you want.

Notice I left room above the head of my sprite I did this because I want to add the ability to add helmets to my character

The only requirements are to make it fit in a 32 x 32 sprite

Make sure you Modify the Mask of your player sprite and make it Full Image other wise you might be able to walk into walls

This happens when your sprite isn't exactly 32 x 32

Ideas and Resources

http://piq.codeus.net/gallery/

https://www.oryxdesignlab.com/sprites/

https://incompetech.com/graphpaper/lite/

Player Sprite

Now we will make the sprite for you character we will change this later to a better looking sprite so do the same as we did with the block but call this sprite spr_player and change to color to green

You now have two sprites in your sprite resource folder

after you have created your player sprite and any other sprite make sure to modify the mask

The mask controls the collisions of your object and we want them all to be the full 32 x 32 image 

Click Modify Mask and select Full Image Rectangle for the settings

Make a right and left version of your sprite

Edit your player sprite make a copy of first frame then edit it then select transform flip make the image face left in frame 0 and right in frame 1

Make sure to un-check apply to all images

Objects 

Now create objects for your player and the block and your monster

Click on the Create Object icon 

Name the object obj_player and select the player sprite

Click on the Create Object icon 

 Movement System

The character will be able to move left, right , up and down. And also in the vertical directions

Movement will be controlled by the keyboard keys either numpad and/or other keys 

To do this we need to determine if the the key is pressed down

We will create a script called getInput() to do this

This script will be called every step of the game if it is your turn

Before we create the script we will add a few variables to your players object

Add a Create Event and add the following:

turn will keep track of whose turn it is in game player or monster

energy keeps track of speed of turn

keypress is what key you have pressed

dir will keep track of what direction you want you player sprite to face

If you want to use other keys to move your characters you can substitute vk_numpad4, vk_numpad6 and so on with ord(“A”) and ord (“D”) \

In code for WASD it would look like this :

//Get the player's input  if keyboard_check(ord('D')){

keypress = 6

}

if keyboard_check(ord('A')){

keypress = 4

}

ord means ordinary key vk stands for virtual key

Add a script and name it playerMove

if you pressed the left key or numpad 4 your player will move left if a the position is empty

This is the logic behind the movement system

1. Check key pressed

2. Make sure no object is in the way if you move that direction

3. Move player that direction

4. Update monster energy with the turn speed of the monster

5. Set Turn to 0 which means players turn is over

6. Set alarm so that you cant spam movement key and get multiple turns with out monsters getting their turns

Note noticed that if you press a diagonal key we must check and move in both x and y directions

Challenge add the rest of the code for all keypress options using the same format to the right

Now update the players Step Event it should look like this now so that the movement script is called after we get the input

Notice the place_empty function it checks if ANY object is at the position you want to move.

Once we put loot and other items that can be picked up we will have to change this function to place_free which will only check objects marked as solid.

 Character Alarm and Draw Events

We have set an alarm in our character but we have not placed it in our player yet

Add a Alarm event 0 add turn = 1; this will allow your player to have a turn again after a short delay

Now add a Draw Event

Notice we use the dir variable to switch the players direction to face left or right

Monster object

Lets get your monster object set up this will be the parent of all other monsters so we will get its movement and turns set up 

Add create event set up the turn speedy and energy variables

Add Step Event and set up turn based movement notice it has a new script called monMove we will set that up next

If you want a challenge look at this video series that talks about grid based movement

Video series of Grid based movement

https://www.youtube.com/playlist?list=PLFAuv8mcArkU5QeQv6qec5BKbZYdaWBjb

 Turn controller object

We have to create a object to control the turns of the player and the monsters

Create a new object  call it obj_turncontroller give it no sprite

Make your player and monster children of this object

Add Create Event to the controller object

Add turn energy and speedy variables

Add a Begin Step Event to the turn controller and keep track of energy of the player and the monsters

Notice we have a global variable we will add that in next step

place this object in your first room

 Variables Object

We need an object to initialize all our global variables

create a new object name it obj_variables dont give it a sprite

For now a one variable

this object will be placed in our splash room which we make next

 Splash Screen Room

We will now create a splash screen room.

A splash screen is a graphical control element consisting of window containing an image, a logo and the current version of the software. A splash screen usually appears while a game or program is launching.

We will also use it to initialize our global variables. 

Global variables can be accessed by any object in the game and they always remain in memory even when you go from room to room. 

First lets make a nice logo for our game you can use this online logo generator if you want

https://cooltext.com/

Make the logo 400px to 500px wide and add it as a sprite to your game call it spr_logo and center it

Make sure this room is first or on top in the resource list 

Add your variable object to this room

1. Game Name

2. Sprite of you character and a monster

3. Text to start game

Create an object and call it obj_start  Add a Draw Event and use the code below

Now add a key press event to obj_start you will add the code to move to next room in this event.

Test your game player should move and monster should chase

 Create a Design Document for your Game

Now that we have basic movement done its time to think about your game

We do this by creating a Design Document

Use this as a template 

https://docs.google.com/a/cascade.k12.or.us/document/d/1WoUcsFwsZm5817qttxm-EKXi0OdYrb03ETKbmO0FKfs/edit?usp=sharing

Open the design document and make a copy

This will be your brainstorming and reference manual for your game 

You can edit it as you go but will need to get everything filled out

This document makes you think about all aspects of your game before you create it

Lets get an idea of what a rogue like game is like click here to play jot down notes and add to your design document

http://munificent.github.io/hauberk/index.html

Original Rogue Like Moria

http://foont.net/moria/

Design Document Example

https://shroomarts.blogspot.com/2013/01/dweller-roguelike.html

  GUI Panel Room Set Up

Now we will make our GUI this will contain all the game information at a glance

First lets set up our room dimensions go to settings tab and change the width to 3200 px keep the height 768 px

Now click on the views tab select enable the use of views and visible when room starts

Select your player as the object to follow and change the Hbor to 400 and the VBor to 400

 Set Up Global Variables

We want to use some global variables that can be used by every object in the room

These will be used in the GUI object to keep track of player information

Create a new object called obj_variables

Add a Create Event and an execute code

Global variables are very useful because they can be used by every object in the game

They are always stored in memory so only make a variable global if you have to

We need to keep track of Hit Points, Max Hit Points, Level, Armor, attack, damage, weapon name, Gold and experience

This object will go in our splash screen room which we will make next

  Add Global Variables to your GUI

Now that we have some variables that will change during game play lets have the GUI draw them

This info will be draw left aligned and to the right of the header information

It will look like this

 Add States to Monsters

Using states is a very powerful way to control AI of monsters

We will add three states to our monsters

Wander when monster is far away from player

Chase when monster gets close to you

Attack when the monster hits you

We need two variables to do this perception which is the distance that the monster can be away from you before it chases

and state which keeps track of what state the monster is in

Open your monster object add these variables to the Create Event

Test it out and see what happens

You can add debugging code to the draw event of the monster to make sure things are working correctly

This code will draw_self which draws the monster sprite

then draw a circle to show the perception

the draw text for what state the monster is in

If everything is working you can remove the debugging draw code

1. Weapon

2. Armor

3. Loot things like gold and gems

For each of these categories we will create one object that will handle all other types

Lets start with loot. Valuables are things like gold and gems. We will keep track of each since they can be used later with NPC's

Create an object and call it obj_loot

Create a sprite that contains all the loot items it will need 5-10 You created these earlier Add each sprite to a single sprite called spr_loot

Notice each subsprite is given a number starting with 0 and all the way up to 4 for 5 total sprites each one will represent an item visually

Now we need to name each in a variable so that it corresponds to the item sprite.

By doing this we only have to create one object instead of 10

Arrange sprites in order of their value keep gold as 0 and diamond as 4 we will use this later 

Example: 

image 0 is Gold

image 1 is Ruby

image 2 is Sapphire

etc

 Create Event in Loot object and Global Variables 

Add a create event to your item

Add type = global.type // This will set make the loot drop a certain kind of gem depending upon a chance

The higher the subimage the harder it is to drop so diamonds will only drop 5% of the time

obj_variables this will keep track of global variables in our game

Add a create event and add the following variables 

Add an array variable and call it loot[0,0]

each variable is indexed by a number so

loot[0,0] = "Gold"

loot[0,1] = 50 //this is drop rate so 50% of the time gold will drop

loot[0,2] = 0 // How many you have collected

loot[1,0] = "Ruby"

loot[1,1] = 20

loot[1,2] = 0

loot[2,0] = "Sapphire"

loot[2,1] = 15

loot[2,2] = 0

etc

We also set up two other global variables maxloot and global.type

We want the type variable to have the global. in front of it since we are already using a instance variable called type

    So each will hold the text name of each item and the % chance it will drop notice that the first item drops the most

We will create a script that will use the weighted drop rate to determine which type of loot is dropped when a monster is killed

type variable will be used to draw the correct subimage in the loot item

You can add this to the create event to make the loot random type=irandom(4)

reference

https://docs.yoyogames.com/source/dadiospice/002_reference/001_gml%20language%20overview/401_06_arrays.html

 Draw Event of Loot Object

Add a Draw Event

draw the sprite of the item and use the loot variable to draw the correct sprite

 Pick up Loot 

We need your player to be able to pick up loot when the player collides with it and keep track of how many of each you have collected

We have already set up the variables to do this in the 2d Array in step 35

reference

https://docs.yoyogames.com/source/dadiospice/002_reference/data%20structures/ds%20grids/index.html

 Collision Event in Loot object

Now if the player collides with loot the loot will be picked up and added to inventory

Open you loot object Add a Collision Event with you player

You need to destroy to loot object

 Try your Game out see if you can collect loot

Make the monster sprite go from weakest monster to strongest in the sprite we will set it up so we can add as many monsters as we want just be adding another sprite and the variables for the monster

Open the variables object and add the monster variables 

Notice we use a variable i for each different monster so the Rat is indexed by 0 the Cat is indexed by 1 etc. This is a fast way to add more and more monsters.

MONSTER[0,4] = "1d1+0" this string holds the attack rolls, roll damage and bonus damage all in one variable. We will split this apart in the create event of the monster so we can get the value of each.