Shape Quest

Shape Quest

Help Mister Square save Shape Land by returning the super spinning power artifacts. Avoid touching all enemies.

Shape Quest Official Videos

Post Mortem

Ludum Dare 35 was my tenth time participating in the full Ludum Dare 48 hour game development competition.  The theme this time was “shapeshift”.  I knew fairly early that I wanted to make a game with controllable shape characters.  My original idea was to have three shapes that you could switch between, and each shape would have a unique ability or power.  I had envisioned having three playable shapes, which were the square, triangle, and circle.  The gameplay was going to be similar to Trine, where the player would need to switch between the three to solve puzzles.

I wanted to take a break from Unity and create a game in some other engine this time.  I had heard a lot about Godot, so I planned to use that engine for this competition.  Godot is a free and open source game engine that is very similar to Unity.  Before the weekend, I worked through some Godot tutorials, so I was able to move a simple sprite around on the screen.  In Godot, instead of GameObjects, it has Nodes which have similar properties such as position, rotation, and scale.  Godot can be used to make either 2D or 3D games.  It has a scripting language that is very similar to Python, where tabs and spaces are significant.  Unfortunately, I wasn’t ever able to fully understand the physics system.  In Unity, physics is fairly simple.  You attach a RigidBody component and one (or more) colliders to your GameObject, and then you are good to go.  In Godot, there are three types of physics objects (KinematicBody, RigidBody, and StaticBody).  Your object has to have a CollisionShape or CollisionPolygon as well, and everything has to be parented correctly under your main object.  It was very confusing, especially with the bounding boxes, and it just never did work correctly for me.

After about four hours into development, I knew I wasn’t going to have the time to successfully make a game in Godot.  Therefore, I fell to my backup plan which was to make a GameMaker game.  I had heard a lot of bad things about how GameMaker handles things like collisions.  Although, I have been impressed with some games that I’ve played recently, such as Crashlands, which was created in GameMaker.

Shape Quest GameMakerFortunately, most of my initial development was creating the vector graphics for the game characters, so switching to GameMaker didn’t sacrifice too much work.  I had worked through some GameMaker tutorials before, but this was my first time creating a full original GameMaker game.  The GameMaker development environment is very similar to Stencyl, which I used to create Dream World for Ludum Dare 30.

All of the graphics were created with Inkscape.  I made a simple tree, which was composed of the union of three circles for the leaves, and a simple path for the trunk.  I created other obstacles such as rocks (rounded gray rectangles) and water (curved blue bezier lines) I created a red square, green circle, and blue triangle characters, which all had two frames of walk animation.  I had originally envisioned the heroes to use an additive color model, while the enemies used a subtractive color model (magenta, yellow, and cyan).  I abandoned that idea, since a yellow circle looked much better like an emoji.  I created a purplish trapezoid as the first enemy.  I also had the idea of making the heroes parallelograms with sides of equal length, while the enemies would have sides of unequal length.

Shape Quest InkscapeWhen I first started designing the movement of the playable character, I used the default GameMaker actions.  The problem with this method, is that the character is stopped whenever one of the movement keys is released.  So the player could be holding two movement keys (such as up and right arrows), but the player would completely stop whenever either of those keys are released.  For instance, the character would expect to keep walking right if the up key was released.  Also, with the default GameMaker movements, the chacter would move when the key was initial pressed, and would pause for a moment before it would continue moving.  This is similar to typing into a text document, when a key is held down.  First it adds the character, then pauses, then repeatedly adds the character multiple times.

To resolve this, I found a tutorial on making a platformer in GameMaker, so I just modified that method to work with a game in overhead view with no jumping.  This method keeps track of a horizontal a vertical movement speed, and the speed values are modified based on which keys are held down.  Now, the movement controls felt much more accurate and responsive.

Now that I had everything necessary to create a level, there needed to be a goal.  I made a simple cyan diamond as a crystal.  To differentiate it from the other world objects, I made it spin and flash between cyan and white.  Adding custom scripts to GameMaker objects is fairly simple, and the GameMaker API is well documented.

The first enemy that I created was the purple trapezoid.  It simply just moves vertically on the screen until it collides with an object, then it reverses direction.  When the player collides with an enemy, the player is returned to the starting position.  If I had more time, I could have added a health meter so the player wouldn’t have to restart after being hit just once.  I gave the enemies angry faces with two frames of animation, which reminded me of the boxer profiles in Mike Tyson’s Punch-Out!!.

The second enemy that I created was the yellow circle, which was modified from my previous green circle hero.  I just had to remove the arms and legs.  The yellow circle just moves in a random direction for two seconds and then changes to a random direction and moves for another two seconds.  This behavior is very easy to create in GameMaker, and I had remembered implementing the behavior in the “Catch the Clown” tutorial that comes bundled with GameMaker.

The third character I created was the green triangle.  I wanted this to be a water dwelling enemy that shoots projectiles at the player.  This behavior is similar to the Zora in the original Legend of Zelda.  If the player stands in one position for too long, then they will be shot, so the player has to keep moving to stay out of the line of fire.  The third level becomes more difficult with four green triangles shooting at the player at once.

The final enemy that I created was the orange pentagon.  Originally, I had made the pentagon cyan, but I thought that would be too confusing with the cyan crystal goal, so I changed the color.  The orange pentagon shoots in four directions at once and randomly changes location after every shot.  These characters are similar to the Wizzrobes in the original Legend of Zelda, except they shoot in four directions.  Their projectiles can be easily avoided, as long as the player doesn’t stand directly horizontal or vertical from one of the orange pentagons.

For the music, I used GarageBand again on my MacBook Pro.  A few weeks ago, I had read an article on Gamasutra about music theory, and to watch the number of steps and skips, so hopefully my music sounds a little better for this game.  I usually try different instruments until I find something that sounds good.  I use the command + left mouse button to add new notes to the piano roll.  I’ve found that it is much easier to modify the lengths and positions of the notes in Piano Roll editor than the Score editor.  I used the C major key, so I just made sure I just stuck with all of the “white keys”.  Overall, I think it took about an hour to create the music.  Like I’ve done with my previous games, the title screen music is just the game music slowed down with some of the instruments modified or dropped.

Shape Quest audioI used BFXR for creating the sound effects when the player is hit or when the crystal is collected.  I used Audacity for touchup work.  I also recorded my voice again for the title screen and game complete screen.  I used Audacity to add a bit of an echo sound.  Unfortunately, my voice sounded a little faint against the background music, and I never found a way in GameMaker to make it louder.

There are many ways the game can be improved.  First, I would like to give the player a method for attacking the enemies.  I would also like to have a way to move from room to room, instead of collecting crystals.  I would also like to have various items, money for purchasing new equipment, and many more enemies.

Finally, I played the game MANY times to ensure that all five levels were completable and also not too easy to finish.  I made both Windows desktop (EXE) and HTML5 (web) builds, and uploaded to Itch.io and GameJolt.  I think the Windows build is the better experience, but I know some people only prefer playing the web version.  It just seems like there is more lag and dropped frames in the web version.

Overall, I was happy with the simple game that I was able to make in GameMaker.  I really appreciate everyone who has played it already.  It already has over 60 votes, which is by far the most votes of any of my Ludum Dare games have received.

 

Let’s Play Videos

 

Released

Delivery Kid

Delivery Kid is a game with classic arcade gameplay.  Deliver newspapers to all of the subscribers.  Avoid hitting obstacles or the delivery kid will be fired.  Break windows and topple garbage cans for bonus score.  Are you good enough to complete deliveries through the entire week?

Game Design

For this game, I am analyzing the gameplay of the source material and will attempt to implement that gameplay in a 3D world using Unity.  I am documenting my thought process before I implement each component in order to capture all of the game’s rules in writing.  First of all, I identified all of the objects in the game, and I implemented those objects with primitive 3D Unity objects..

Player – The player will be represented by an object with a capsule collider.  The capsule collider will allow the player to smoothly move up ramps and other objects.  The player will move forward in the world Z axis at a constant rate.  If the user presses up on the controls, then the player will move faster.  If the user presses down on the controls, the the player will move slower, but not completely stop.  The camera will be parented to the player, so that the camera always follows the player.

The player will have a Rigidbody so that it responds to physics, and the X and Z rotation axes will be frozen.

The player starts with three lives.  One life is deducted whenever the player collides with a house or enemy.  The game is over when the player’s available lives falls below zero.  The number of player lives will be displayed on the screen.

The player will have a Playmaker FSM with one state that controls the player movement, using the Get Axis Vector action which stores the user’s input into a Vector3 variable.  The player’s location is then translated by that vector in world coordinates.

House – There will be various houses placed in a row on the right side of the bounding box.  The objective will be to deliver newspaper to the target houses.  Target houses will have a brighter color to differentiate them from the other houses.  Each target house will have a mailbox.  The house will initially be implemented with a box collider, with a short box trigger surrounding it for the yard.  If the player fails to deliver the newspaper to the target house, then it will no longer be a target house on the next level.

Newspaper – The objective is to throw newspapers so that they land in the yard trigger area of the target houses.  The player will throw newspapers in the negative X axis towards the houses by pressing an action button on the keyboard, gamepad, or mouse.  Some force will need to be applied to the newspaper in the positive Z direction, since the majority of the screen is filled with the world in front of the player.  The Z force could possibly be based on how fast the player is moving forward.  Newspapers can also be used as weapons to stun enemy characters.  The newspaper will contain a sphere collider.

The player starts with a stock of 10 newspapers.  One is subtracted whenever a newspaper is thrown.  The player cannot throw any newspapers when their stock is zero.  The number of newspapers in the players stock will be displayed on the screen.

Newspaper Refill – The newspaper refill object will set the player’s stock back to 10 newspapers.  Newspaper refills will appear randomly next to houses.

Mailbox – One mailbox will be available for each target house.  Bonus points are awarded for landing a newspaper in the mailbox.  The front of the mailbox will have a box trigger.  When a newspaper enters the trigger, then the newspaper will stop moving by setting the kinematic value to true.  The mailbox will also have a regular collider that surrounds the mailbox object.

LevelManager – There will be a set number of houses for each level.  After the player passes the final house, the level is completed.  The Level Manager will instantiate the player when the level starts.  At the start of each level, the LevelManager will instantiate the Player object.

For the first level, the LevelManager will instantiate twenty houses.  Ten random houses will subscribers and the other ten houses will be non-subscriber houses.  The subscriber information will be stored in an array of booleans.  During the game, another boolean array will track which houses have been delivered a paper.  The index for that house will have their delivery set to true if a newspaper is delivered to the mailbox or delivery area.  After the level, the subscriber array will be compared with the delivery array.  Any subscriber who did not get a delivery will be set as a non-subscriber.  The game is over if all houses become non-subscribers.

If the player successfully delivers newspapers to all of the houses that are subscribers, then the player will have a perfect delivery and one of the non subscriber houses will be chosen at random and converted to a subscriber house.

The level number will start at zero and increased by one after reaching the exit object.  The level number corresponds with a day of the week, which will be displayed before the beginning of each level.

Enemies – Various types of enemies will try to attack the player.  If an enemy collides with the player, then the player loses a life.  When all player lives are lost the game is over.

Obstacles – When the player collides with an obstacle, they will lose one life.  Unlike enemies, obstacles do no move.  Below is a list of obstacles.

  • Trash Can – Originally 100 points;  I think it should be 100 breakage points for unsubscriber
  • Fence – This could be a part of the house, but I decided to make it a separate non-moving object
  • Yard Sign – Another non moving object.  It displays the house number which starts at 120 and decrements by one for every house.
  • Breakdancer and Radio – Stationary objects.  Breakdancer stops spinning if hit with a newspaper
  • Brick Barbeque – Stationary object in yard.
  • Fire Hydrant – Stationary object that is always in the sidewalk.
  • Car – Cars move in the negative Z direction in world coordinates on the road at a constant velocity.  Cars spawn at the end of the street at regular intervals.  Cars also spawn at the second and third intersections at random intervals and move in the positive X direction.
  • Jackhammer Guy – Always spawns on the sidewalk or in the road.
  • Dog – The dog chases player if player gets too close.  The dog move slightly slower than the player, giving the player the chance to escape.
  • Grates – Grates are always on the edge of the road next to the sidewalk.

 

Lot – The lot one is gameplay unit where one house resides.  There will be a large plane representing the ground area that is not covered by the houses.  The lot is the gameplay area where the player can move.  The lot consists of the yard around the house, the sidewalk, and the road.  This object has a plane collider to prevent the player from falling through the world.  There are also two cubes spanning the length of the lot, which are placed on the left and right side side of the ground plane, which are required to keep the player from leaving the gameplay area.  The mesh renderer and mesh filter are removed to keep the user from seeing the invisible walls.

Intersection – An intersection is a road that runs horizontally with no houses.  There is an intersection at the start of the level, and then intersections after the fifth and tenth lot.  The player will need to avoid cars in the second and third intersections.  The intersection will also have left and right boundaries to prevent the player from leaving the gameplay area.

Exit – The exit is placed after the last house, and when the player collides with the exit the game will proceed to the level complete state.  The exit is an invisible cube collider, and it must be big enough to completely block the player’s path to prevent the player from moving around it.

Score Points – Not an actual object in the world, but there will be a global variable which tracks the number of points that they player has accumulated.  Below are the point values associated with various tasks.

  • Regular paper delivery: 100
  • Mailbox paper delivery: 250
  • Hit enemy (lawnmower) with newspaper: 100
  • Hit breakdancer: 350

A separate point value is kept for breakage bonuses.  The breakage values are listed below.

  • Break window: 100
  • Break window combo: +25 for each additional window on same house (100 for first window, 125 for second window, 150 for third window, and so forth)

Videos

 

 

Released

Mutant Veggie Arena

Veggies have been exposed to radiation which has caused them to mutate and become angry.  In Mutant Veggie Arena, you must stop the mutant veggies from taking over the world!  Turn the carrots, corn, tomatoes, and celery into chopped salad!

Mutant Veggie Arena

Mutant Veggie Arena Post Mortem

For my Ludum Dare entry this time, I decided to create a first person shooter style game involving giant mutant vegetables for the “growing” theme.  Based on view counts, my first person shooter that I developed for the 7dFPS a year ago is by far my most successful game on Itch.io.  However, for that game I used existing assets from the Unity Asset store.  For this game, I would need to create everything in under 48 hours.
DOOM programming gurus
A few days ago, I started playing some of the old FPS games that I owned as a teenager.  The first FPS games I ever played were Wolfenstien 3d and DOOM II on my 386 computer. Back then, the 3D graphics were revolutionary compared to the sprite based games on 8-bit consoles.  Soon after playing those games, I picked up a “Tricks of the DOOM Programming Gurus” book from the computer store.  As I began learning how to make DOOM levels, I learned that all of the enemies and items were sprite based.  The sprites are just turned toward the player, which keeps them from appearing flat.  This technique is called billboarding, and it is used in games for saving on processing power for numerous low resolution objects, such as a crowd in a football stadium.  Long time DOOM players will notice that the level names in Mutant Veggie Arena are parodies of the original DOOM difficulty levels.

For this Ludum Dare, I wanted to focus on gameplay and AI.  I spent the entire first day just working on making the engine and configuring the enemy behaviors.  I saved all of the enemy graphics, sound effects, and music for the second day.  This was risky, but I’ve found that I can spend more time than needed on the artwork if I do it first, since I can be a perfectionist at times.  I used Unity and Playmaker again for this entry.  I’m really starting to feel how to make the right balance between Playmaker and Unity scripts.  All state management is handled in Playmaker as well as simple calculations (such as subtracting a constant value from the player’s health).  However, anything more complex is more easily handled in a Unity script written in C sharp.  The method can be called using the “Call Method” action, and then pulling the script component from the assigned object to the “behavior” slot on the action parameter.  The only problem is that a FSM on a prefab can only call methods in scripts assigned to other prefabs, and non-prefab FSMs can only call scripts assigned to objects that are not prefabs.  In the example below, I call the isLevelComplete method in the LevelManager script that is assigned to the LevelManager object.  This is because I must count the total number of object with the “enemy” tag, count the number of enemies that are in the queue to be spawned, and compare that to zero.  To do that calculation in FSM would require multiple actions and multiple states, but calling the script accomplishes the same in one method that returns a bool value.

Call Method behavior

Since making the models for my games is always a crunch for my Ludum Dare games, I decided to use a similar approach to DOOM for my entry this time.  The enemy colliders are capsules, but the display is handled by a child plane object with the enemy image texture applied to it.  The capsule mesh renderer is removed and a LookAt action is applied so that the child plane is always facing the player.  It is important to remember to set the transparency of the texture to the alpha value, and for the generated material to have the shader changed from “opaque” to “transparent”.  Otherwise, the enemy will appear to be on a black plane.

Getting a simple FPS up and running using Unity and Playmaker is relatively easy.  There is a “MouseLook” action which handles making the player’s view follow the mouse.  It is important to remember to set the Y sensitivity to a negative integer to give it standard FPS controls.  Otherwise, it will have airplane joystick styles controls where moving the mouse down will move the player’s view upward.  It is also important not to use “MouseLook2”.  Unfortunately, I thought that was the correct one to use (it limits how far you can turn right and left), so I lost valuable time trying to get that action to work.

Mutant Veggie Arena gameplay

The targeting reticle is a simple plane, that was placed 10 units in front of the player.  I learned from previous experience that just simply changing the mouse icon isn’t the best solution, since it can sometime appear jittery.  The reticle object is parented to the player, so it always stays in front of the player on the Z axis.  To keep the reticle from disappearing when behind an object (such as the ground), I used the text shader which usually makes it draw on top of everything else.

I created a LevelManager game object for handling the loading of each level.  For each level, I populate and enemy ArrayList with Prefabs pointing to each of the enemy types.  At regular half second intervals, an enemy is pulled from the ArrayList, instantiated, and then removed from the ArrayList.  The number of enemies displayed on the screen is calculated from the total number of game objects with the “enemy” tag (found with GameObject.Find(“enemy”).Count) plus the remaining size of the enemy ArrayList.

I wanted to have a unique behavior for each enemy.  The carrot was the first enemy behavior that I created.  The carrot has the simplest AI, as he just moves towards you.  Originally, I had it so that when the “MoveTowards” action completed, the carrot would “attack” by simply subtracting a certain amount from the player’s health (add a negative value using the “Int Add” action).  However, this caused some problems like it not handling the player running into the enemy, so I changed the player damage to an “On Collision” event.  This triggers a “damage” event on the player FSM.  Unfortunately, this limits the player to taking the same amount of damage from every enemy, since an event can’t take a value as a parameter.  One of my complaints about Playmaker is that you can’t pass a parameter with an event.  I could have a “damage” event and state for every enemy type, but I don’t think that is a very elegant solution.

The corn enemy is stationary, but unlike the carrot, it will shoot projectiles at you.  I had to use the “Look At” action again to ensure that the projectile is initially moving towards the player.  Then the projectile just simply moves in a straight line by translating along in the positive Z axis in self coordinates.  I had envisioned the corn enemy being like a turret in other FPS games like Team Fortress 2.

The tomato is the one flying enemy.  I was proud of how this enemy turned out.  I had a flying FSM which raises and lowers the tomato as he reaches a maximum or minimum value on the Y axis in world coordinates.  However, I wanted this enemy to rise more quickly than he falls.  This makes the enemy appear to glide downwards.  This enemy also forces the player to act differently by pointing aligning the reticle vertically instead of horizontally.  The tomato does not move horizontally, as I thought that would make shooting him too difficult.

The final enemy that I implemented was the celery.  This enemy moves to a random position, pauses, and then shoots in eight directions at once.  This was the most complex of all of the enemies.  I had to write a function which returned a random position in the arena based on a range parameter.  To shoot in eight directions, I kept a rotation variable, and for each projectile I instantiated, I added 45 (degrees) to the rotation variable.  Then, each projectile was rotated by that value.  It is also important to not spawn the projectile inside of the enemy, otherwise it will instantly collide and bad things will happen.  The eight way shot actually looks a lot better in the overhead Scene view than the FPS view.  I was thinking about having a replay mode at the end of the level which shows the action from different perspectives.

Aqua Teen

On the second day, I focused on the graphics and audio.  Since I was going for a cartoon style, I used Inkscape for making the enemy vegetable graphics.  To save time, I used the same eyes and mouth vector graphics for all of the enemies.  I used the free form pen tool to create the paths for each of the vegetable bodies.  I set the stroke size to 4 pixels to give it a classic cartoon look with a thick black outline.  I exported each of the enemies to a PNG file, and then applied those textures to the enemy planes. I had envisioned that the enemies would look like something out of Aqua Teen Hunger Force.

When the player is hit, I use the camera fade action to make the screen go temporarily red.  The fade is a little faster when hit by a projectile.  When the player dies, the screen slowly fades to red.  The wave number and name are two GUI Text objects that are enabled on the start of each level.  After five seconds, the GUI Text object is disabled.  The level names are returned by a function containing a switch statement that returns a String, which takes the current level number as a parameter.

I used GarageBand on my Mac again for composing the music.  There have been a few changes to GarageBand since the last time I used it, and many new instruments have been added.  I was going for a classic sci-fi movie type music, and I think I was able to achieve that with the synthesizer instruments.

bubble sound

All of the sound effects were recorded myself.  The grunts and groans were my own voice, with the pitch slightly lowered and an echo effect applied.  The gun shot was me blowing into a straw submerged into a cup of green tea.  I used Audacity to crop out the unneeded portion of the audio.  The enemies were also my voice, with the pitch raised and echo effect added.

While I was impressed with what I was able to develop, there are a few things that need to be improved or fixed.  Here is a list of issues that I would resolve if I develop this game further.

  • Sometimes the targeting reticle gets hidden behind very close enemies.  I may be able to modify the layer settings to make it appear in front of the enemies at all times.
  • Enemies far away sometimes appear behind the arena wallsfence problem
  • If you look closely, you can see parts of the transparent areas of the enemy plane.  I may need to check the texture and material settings.
  • I really wanted to have a rectangular health meter instead of a number value.  This should be achievable using two GUITexture objects.  One for the meter background and one for the health bar.
  • I would like to have multiple images for each enemy.  I definitely think there should be a “damaged” image when the enemy is shot.
  • The enemy damaged sound effect needs some work.  I tried making it higher pitch, but I still think it sounds too much like the player being damaged.  Add different sound effects for each enemy.
  • Particle effect when the enemy is killed.  I was thinking about having the corn enemy explode into many popcorn pieces.
  • New effects for projectiles.
  • The arena needs some work.  Maybe have different arenas or levels instead of the one circular arena.
  • A gun model and different types of guns.
  • Powerups (more damage, auto fire, etc).
  • Sometimes the health goes to a negative value.  When the player dies, the health is clamped to a low of zero, but this needs to be handled sooner (as the player is damaged).  If a meter is implemented, the negative value would cause problems (health bar would be displayed backwards?).
  • Make some enemies take multiple shots before being killed.
  • Have a replay after the level is completed which shows the arena from various camera angles.  This will require that I actually make a character model.  Also, the billboarding effect for enemies would need to be modified, otherwise the enemies will look like flat planes.
  • Needs a better “story”

Weird Al

In conclusion, I was happy with what I was able to create in 48 hours.  Actually, according to my streaming video statistics, I only spent about 12.5 hours making this game, which is probably lower than the amount of time that I usually spend on a Ludum Dare entry.  However, I think my Unity, Playmaker, Garage Band, and overall game development skill have improved a lot over the last three years.  Therefore, I am able to create a lot more in less time.  After my first Ludum Dare entry about the Amish and this entry about food, I’m starting to feel like the Weird Al of video game development.

Videos

Mutant Veggie Arena Let’s Play Videos

 

Released