Custom Skill Cost System

From Yanfly.moe Wiki
Jump to navigation Jump to search

Welcome to the wiki! This is where you can find resources from Yanfly.moe, Ækashics.moe,
VisuStella, Caz Wolf, Fallen Angel Olivia, Atelier Irina, and other affiliated content creators.



Introduction

Hello once again, RPG Makers!

If you've made it this far, then I congratulate you! This tutorial will be the last one for this series focusing on enhancing the battle system and skills with Visustella's Battle Core. I hope that you've enjoyed the ride thus far.

MirageVAvatar.png This is an article written by MirageV.

This article was transcribed over from RPG Maker Web by Arisu.


Instructions

So, for today, we will be getting a little ambitious. We're going to create a custom skill cost system using pictures, variables, and some JS functions to glue it all together. These sorts of systems are a fun way to add some extra flair to your battle system using your own hands and a few simple tools.

So for today, our goals will be...

  • Design and implement a custom skill gauge to appear in battle.
  • Create a skill that uses this resource.

With that out of the way, let's start with goal number 1!


Custom Skill Gauge

I've already created our graphics for this exercise beforehand, but you should keep in mind that when you design your gauge, you should consider the logic of how it will function. My gauge will be a simple bar with 5 states: 0%, 25%, 50%, 75%, and 100%.

MirageV ActSeqTut4 01.png

For the purposes of this exercise, I've provided the graphics to be used here: LINK

Place the gauge images into the pictures folder, and let's get started.

First, we'll have to create the logic for our new gauge. First, let's create a common event for initializing our new gauge. This will be a simple set of show picture commands like so:

MirageV ActSeqTut4 02.png

After that, we'll create another common event. In this one, let's create a new variable. We'll call it 'Burst Gauge'. Let's keep it simple. With this new variable, we'll set it to increase by 1.

MirageV ActSeqTut4 03.png

After that, we'll use a conditional branch to check and see whether or not the variable has exceeded the count of 4. If it has, we'll set it back to 4. Like so:

MirageV ActSeqTut4 04.png

With this complete, let's create another common event. This one will be used to manage the gauge images based on the state of the Burst Gauge variable. It's very simple. Just use a conditional branch for each number of the variable from 0-4, and then change the displayed picture accordingly, like so:

MirageV ActSeqTut4 05.png

Now with this done, we'll add a common event call to our Initialize and Increase common events to link to this image manager:

MirageV ActSeqTut4 06.png

MirageV ActSeqTut4 07.png

And with this, the initial setup is complete. Now, how do we translate this into a working combat resource? We'll need to take several steps to do that. First, let's get this gauge to appear in battle. You can easily do this by making use of Battle Core's Base Troop Events to ensure you only have to do this once. After that, it will appear in every battle you create.

You can find it here: Battle Core => Mechanics Settings => Base Troop ID's

MirageV ActSeqTut4 08.png

We'll leave it at 1, as that's most simple. Now let's go to our 1st enemy troop. There, we'll add a common event call to the troop's event page. Make sure it's set to Turn 0, and the scope is Battle!

MirageV ActSeqTut4 09.png

This will link the common events we created to the battle system properly. Now, let's start a battle and check.

MirageV ActSeqTut4 10.png


Yep, it's there. That's the baseline! Now, let's get down to the business of making this gauge actually increment. We'll be diving into the action sequences we've made so far, and adding a little bit more code.

At the end of each sequence, add a common event call to increase the count of the Burst Gauge Variable:

MirageV ActSeqTut4 11.png


Now, let's test our battle again, and use some skills!

MirageV ActSeqTut4 12.png


Skill Creation

Alright, looks like our gauge increases just fine. Now, let's get to the fun part. Let's make a skill that uses this gauge. Let's head over to the skill tab!

We'll call our new skill Impulse Slash. We'll make it a strong, flashy skill that does extra damage if the enemy is inflicted with Burn.

Make sure to do all the necessary setup. After that, we'll need to do two special things with JS functions that come from Battle Core. First is to link the skill to our variable. Use the JS Skill Enable function like this:

<JS Skill Enable>
enabled = $gameVariables.value(4) >= 4;
</JS Skill Enable>

What this says is that the skill can't be used unless variable 4 is greater than or equals 4. Which means when our Burst Gauge is at max.

Let's toss this bad boy into our skill's notebox and add another function called Custom Cost Text:

<Custom Cost Text>
\C[2]100% Burst
</Custom Cost Text>

What this does is label the skill in the menu as costing 100% Burst in a text color of 2, based on the system set.

When all is done, your skill should look like this.

MirageV ActSeqTut4 13.png

Now, you know the drill by now. Let's make our Action Sequence! Get all the usual setup out of the way, and then let's add some fun stuff. First, we'll give this skill a cut in flash for extra oomph. Then, we'll add in our Burn condition for an extra effect.

The cut in part is easy. Just toss in some picture and sound commands. Like so:

MirageV ActSeqTut4 14.png

And that looks like this:

MirageV ActSeqTut4 15.png

Next, we'll add in the condition to check for the Burn state. We'll do that using BattleManager._target.isStateAffected(X). X will be the ID number of our Burn state. What this string does is ask the system whether or not the current target is under the effect of Burn.

Let's put this into a conditional branch in a script box like so:

MirageV ActSeqTut4 16.png

And then, we'll add in our extra effect with a new animation, and a multiplier command, along with a second action effect. Once it's all done, it'll look like this:

MirageV ActSeqTut4 17.png

Finally, at the end, we'll set our Burst Gauge variable to 0, and call the image manager common event:

MirageV ActSeqTut4 18.png

With this, our Burst Skill is complete! Now let's go and try it out. First without the burn status.

MirageV ActSeqTut4 19.png

Yes, everything works as planned. Now, let's try it with the Burn state applied.

MirageV ActSeqTut4 20.png

Nice! With Burn applied, a second stage attack activates, dealing even more damage to our target. Our boy Reid has come a long way now!

And it is with this, and I can finally close the book on this tutorial, and the series as a whole.

I hope that these articles have been helpful to you, and gives you inspiration to pull off even greater things with RPG Maker, than the simple applications that I provided here. It's my hope that users of RPG Maker take these tools and use them to craft cooler, and more fun games than they did before.

With this, I bid you farewell.

Happy RPG Making!


End of Article


Ghostwriter Doktorarbeit