J-RPG ATB Turn Based Battle System Tech Demo 1.0

Show us your completed creations made in Construct 2

Post » Fri Dec 12, 2014 2:14 pm



HTML5 Link: https://mysticboon.itch.io/jrpg-prototype

30MB download and WebGL required for graphic effects.
Tested on Chrome (recommended) and Firefox, please don't use Internet Explorer if posible, the sound doesn't work as expected.

Defeat 2 wave of enemies and the boss.

Quick Tips:
You can select multiple targets when using magic by using left for enemies or right for party.
Attack builds more rage.
Acolyte is resistant to magic
Suplex is useful on the boss (weight based)

Arrow Keys to select
Enter to confirm and Escape to cancel.
How to use Blitz: Select the blitz command and press enter, then introduce a combination using the arrow keys and press enter to confirm.

Blitz Commands:
Raging Fists: Left - Right - Left
Suplex: Left - Right - Down - Up

Please let me know if you find any bugs, thank you.


A little over a month ago I challenged myself to create a turn-based rpg system. I wanted to see how hard/easy it would be, and also as a way to learn more, I had also used the program RPG Maker years ago and I always though it could be fun to see something similar made with Construct. Most of the system was done in the first 2 weeks but I got tired and started doing only a little every day.

I finally finished it and I'm pretty satisfied with the result, I'll comment on it below. Anyway, I have no plans to continue or extend it at the moment because I got a little tired of it for now, I just wanted to do a demo showcasing the engine and that's what I did.

Before giving an explanation of the system I just want to say that I've found this project of creating an RPG on Construct 2 not as hard as I though (thanks to C2 event system of course), instead of hard, I would describe it as complicated (lots of thinking, formulas and stuff) and also time consuming for a single person.

Alright, I'm going to explain the project (563 events) a little for for anyone who is interested:

The only unofficial behaviors I've used are MoveTo from @rexrainbow and LiteTween from @lunarray, both being very useful.

The project uses an ATB system (active time battle) which was used from Final Fantasy IV to IX, but my system is completely turn based, that means that when someone has the turn, everything else stops until that character is finished with the turn. That made things easier for me.

The battle system is a mix of features between Final Fantasy V-VI-VII. In this demo you have 2 party members, a warrior-type with sword (with the Blitz command from FFVI) and a Mage which uses black and white magic. Nothing is faked or simulated, all the damage numbers are calculated based on formulas which I borrowed from other games and modified them a little. The party members and enemies have the following stats: HP, MP, Attack, Defense, Intelligence, Magic Resistance and Speed (which determines the ATB Bar speed).
The Blitz command "Suplex" does damage based on the enemy size, I thought that would be a cool way of doing it.
When using magic, you can select multiple enemies or party members by going to the leftmost enemy and pushing left again, or using right on the party members. You can even attack yourself or teammates.
At first I was going to add the commands "Defend" and "Item", but decided against it, defend wasn't really necessary for this demo and for the items I would have had to create and inventory system which I didn't feel like doing.

I used a xml file to make it easier to translate commands, names and edit mp consumption, magic type and stuff like that, there's only a very few lines, but the idea was to be able to make it easier to manage in a bigger project. I could have used it a lot more for stats and other things but the instanced variables was enough for me. The game extracts information from this file with the Ajax and XML plugins. That's the xml file I used:

Code: Select all
<?xml version='1.0' ?>
      <attack id='1'>Attack</attack>
      <magic id='2'>Magic</magic>
      <item id='3'>Item</item>
      <blitz id='4'>Blitz</blitz>
      <limit id='5'>Rage</limit>

      <cure id='1' mp='5' type='white'>Cure</cure>
      <fire id='2' mp='20' type='black'>Fire</fire>
      <meteor id='1' id2='rage_meteor' type='blm'>Meteor</meteor>
      <cannon id='2' id2='rage_auracannon' type='mnk'>Aura Cannon</cannon>

All the graphics sprites are borrowed from either other games or free art (you can see where from the credits), I really didn't want to spend any time doing that. I only created the logo and some simple bars.
The project uses quite a few WebGL effects, for instance coloring the bars depending on its state, coloring the enemies, transition effects, the heat effect on the desert background...Memory usage is reported at around 87MB in this demo.
A shadow for each enemy/party is created automatically based on their width.
I created the spritefonts with the program giveyourfontsmono by @blackhornet, very useful tool.

The battle and boss music have a perfect loop (except on IE :( ), the boss music was already loop capable, but the battle music had a little intro which I separated into a different track, this intro only plays at the beginning of the battle and when this intro track finishes playing, the loop part starts which then keeps playing for the rest of the battle. This was done in C2 with the audio condition "On ended". Internet Explorer doesn't seem to loop perfectly, with a little delay between.

Well, that's about it for now. I'm not going to share the .capx for now for a couple of reasons, mainly because it's just a big project with 500+ events and even though at the beginning I was trying to comment everything and keep it perfectly organized, as it went on I stopped the comments and not organizing as much, and I'm afraid it can make hard to understand some of the events.

For the next project I might try doing a Fire Emblem clone system or point&click adventure system. Thanks for reading and let me know if someone finds any bugs or needs more info on something specific.
Last edited by Xavier on Mon Sep 18, 2017 1:28 pm, edited 9 times in total.
Posts: 256
Reputation: 16,200

Post » Fri Dec 12, 2014 3:49 pm

This looks very nice and clean. Nice work.
Freefall Bird
Posts: 281
Reputation: 5,818

Post » Fri Dec 12, 2014 3:53 pm

That is super work - I love the consistency of the system. This open source for leaning from? you going to make the capx files available?
Need Sprites For Your Next Project?
100% Vector Animated Sprites
Posts: 170
Reputation: 1,086

Post » Sat Dec 13, 2014 9:43 am

Your game crashes the latest version of safari on the mac. I'm wondering if it's a specific plugin you might be using it doesn't like?
Posts: 735
Reputation: 12,142

Post » Sat Dec 13, 2014 11:33 am

Ethan wrote:Your game crashes the latest version of safari on the mac. I'm wondering if it's a specific plugin you might be using it doesn't like?

I don't have a Mac so I can't test it but it's probably a Safari bug, not much I can do unfortunately, check this thread for more info: importing-certain-wav-files-crashes-on-safari_t120520

I've uploaded a Node-Webkit version for Mac if you want to try this one: Link

desjardins2014 wrote:That is super work - I love the consistency of the system. This open source for leaning from? you going to make the capx files available?

Thank you. I already said it at the end of the original post but for now I don't want to make the .capx public, I would need to clean and organize some events and add comments to a lot of them. I did this project as a learning exercise so I didn't put much effort into making it easy to understand for everyone. For now I want to take a break from this and maybe in the future I'll come back to it, improve it and clean it up.
Posts: 256
Reputation: 16,200

Post » Mon Dec 15, 2014 3:18 pm

Looks very nice! One suggestion I have is to allow the player to hold down the ENTER button so that when the characters are ready to attack, they will attack as quickly as possible.
Posts: 102
Reputation: 1,888

Post » Wed Jan 21, 2015 9:23 am

Looks brilliant :D
Posts: 56
Reputation: 464

Post » Thu May 14, 2015 3:45 pm

Would be very appreciated if you posted .capx file for this project. I am doing similar thing and I would really find it helpful, thanks!
Posts: 1
Reputation: 177

Post » Thu May 14, 2015 5:07 pm

Wow, this is very slick. Everything from the background effects to the animations seems to have a lot of production values, even if it's just a demo.
Posts: 23
Reputation: 558

Post » Wed Sep 13, 2017 12:37 am

Message: NicoBros can only post plain text URLS until they have 500 rep. 1 URLS modified. Why?
Error 404
https://dl.dropboxusercontent.com/u/191 ... index.html
Posts: 5
Reputation: 237


Return to Completed Creations

Who is online

Users browsing this forum: Google [Bot] and 1 guest