Lastly, most effects use the Masked<\/strong> shading and Two Sided <\/strong>option. Masked means there will be no glow or transparency and our game to an extend has mostly that kind of effects. For some cases, for example Absa\u2019s lightning, we do use the Transparent option to get glow, but we almost never have actual transparent effects. The Two Sided means that it can be viewed regardless of which sided you are observing \u2192 used primarily with mesh effects, but also since the way effects are spawned when the character is facing the left, they need require that option.<\/p>\n\n\n\nVFX Textures<\/h2>\n\n\n\n We use various textures in the process. We have single images that we call masks, we use noise textures, which look like a random mess, and finally sprite sheets which are animated and exported from external software. We try to limit our textures to up to 2048×2048 resolution to save performance. We also create the different layers in Photoshop so that a single texture can hold a lot of information. So in the image below we can see that the top left is how the final image looks like, but if you split it by channels, they are all used in different way later in the material.<\/p>\n\n\n\n\nFor optimization most textures are set to Masks <\/strong>Compression Settings<\/p>\n\n\n\nParticles<\/h2>\n\n\n\n The particles are made in the Niagara editor. We usually time everything by feel first, but then add it in the attack data and test it until we get the results we want. <\/p>\n\n\n\n
A couple of things to keep in mind while making the effects:<\/p>\n\n\n\n
\nAll velocity <\/strong>is done in the particles. The reason is that when you add it afterwards to the Blueprints that holds them (the BPs are the thing that actually gets spawned), if you rotate the effect in it and it has velocity, it gets broken when facing the left, since it is multiplied by -1. So if you make the effect go to the right in the Niagara editor, it will face the right position when facing either direction in the game.<\/li>\n\n\n\nWe use Material Interface <\/strong>parameters to control the Skin colors. You need to make them in the User Parameters tab and assign them in the Override Material<\/strong> section. You need to follow the Particle Count<\/strong> order, to make sure the correct material is assigned in the game. You will not see this in the Niagara editor – only in game. So if they are assigned wrong, you will see the wrong texture appear on the wrong Emitter. Make sure you name your Emitters and best practice is to just order them when you create them. Otherwise if your emitters are placed in a messy way, you will forget the order. But that\u2019s why you can always check the Particle Count. The naming needs to be Material1, Material2, Material3..etc.If your effect is big and you see that while you play it suddenly disappears sometimes, you can make sure that you have Fixed Bounds<\/strong> set to something like 10k + and – to cover the whole area<\/li>\n<\/ul>\n\n\n\n\nWe use the Dynamic Material Parameter<\/strong> a lot. In the Material section it was explained that we check some things to use control in the editor. The most common ones we use are the Emissive Add, BrightMult and Dissolve – they control the colors and dissolve parameters. The last on, found in the Dynamic Parameter Index 2 is the Frame, which controls the Flipbooks. There are other parameters that offset textures, noise and other parameters, and they are heavily linked with the Materials. Note that this is the setup on our main material – each master material we use has its own Dynamic Parameters that we tweak. <\/li>\n<\/ul>\n\n\n\n\nAlmost all effects have Desterminism checked. That means that each time the effect will play the same way. This is great for fighting games, as it lets you spawn the effect in a specific way that you know works good. But of course sometimes we want some randomness and we check it off <\/li>\n<\/ul>\n\n\n\nBlueprints<\/h2>\n\n\n\n After an effect is made it needs to be added to a specific Blueprint. It is called Rivals Vfx Renderer<\/strong>. A couple of things to note about it<\/p>\n\n\n\n\nYou just add the effect in the Components section<\/strong>. Then select the effect on the right. You will note that the Material Interfaces you exposed will be visible here. No need to do anything about them<\/li>\n\n\n\nClicking Simulation <\/strong>above lets you see how the effect plays<\/li>\n\n\n\nSometimes the effect might need to be moved to a specific position to match the attack. You could move it in 3 different ways – in Niagara, BP or the Attack Data<\/strong>. The Niagara one works good if it\u2019s just one or two emitters. It is the most dynamic one, since you can pause the game and move it in real time. But if it becomes more complex, it is easier to move the whole effect in the BP or Attack Data. We prefer most of the time the changes to be in the BP just to know that that\u2019s where Edits are made, but sometimes we edit them in the Attack Data if it\u2019s a very repetitive effect that will be used multiple times in the data – so there\u2019s no need to move it inside the BP. <\/li>\n<\/ul>\n\n\n\n\nHit effects have an extra effect that needs to be added in the Directional Component. It is the effect that spawns when you hit an enemy in a certain direction. You can review the way we\u2019ve set it up to do in the same way. <\/li>\n<\/ul>\n\n\n\nAdding the effects in the data<\/h2>\n\n\n\n Okay, we have particles that have the correct material interface, we\u2019ve added them to a Blueprint – it\u2019s time for the final step. We need to add them to the specific attack or article data. <\/p>\n\n\n\n
Let\u2019s have a look at an example with Absa\u2019s Getup Attack. When we open ATT_Abs_GetupAttack, we scroll to the end of the section that says Vfx Data. In it, we add the effect and we give it an arbitrary name. Then we plug in the Blueprint we did in the Render class. After that there are few parameters that can be tweaked for a variety of reasons. A lot of them are used very rarely, but we still required them, so they are there. I will go through all of them now and put a \u2757 on the ones we used the most:<\/p>\n\n\n\n
\n \u2757<\/strong>Render class:<\/strong> The BP with the effect<\/li>\n\n\n\n \u2757<\/strong>Effect Duration<\/strong>: This used to be a more important setting at the beginning of the project, since the timing of the effect was actually measured with this. But currently it only means how long the effect will be displayed, before it is destroyed. The actual time of the effect is set in the Lifetime of the Emitter in Niagara. Use this setting if you want to have the effect linger for a long time, if it\u2019s a persistent effect or if have a small one if you want it destroyed quickly. Otherwise we generally just put something between 30-60 without thinking too hard about it. Test the effect later to see if the time is too short and increase it.<\/li>\n\n\n\n \u2757Host Bone Attachment Name:<\/strong> Attach it to a specific bone or socket on the character. Be wary of the rotation of that bone. You can also use the following key words instead of directly using a bone name, which can be useful if you need to attach the effect to an opponent instead of yourself, since you won’t know their exact bone names:\n\nRoot <\/strong>– Attaches the vfx to the character’s origin. This is the most common value for this field if you want the effect to follow the character.<\/li>\n\n\n\nGrabBone <\/strong>– Uses the character’s GrabBoneName, specified in their character data. This is the bone that opponents follow when they are grabbed\/thrown.<\/li>\n\n\n\nHeadBone <\/strong>– Uses the character’s HeadBoneName, specified in their character data. This is the bone for the character’s head.<\/li>\n\n\n\nChestBone <\/strong>– Uses the character’s ChestBoneName, specified in their character data. This is the bone for the character’s chest.<\/li>\n\n\n\nCenterOfGravityBone <\/strong>– Uses the character’s CenterOfGravityBoneName, specified in their character data. This is the bone for the character’s center of gravity, usually placed at their hips.<\/li>\n\n\n\nItemSocket <\/strong>– Uses the character’s ItemSocketName, specified in their character data. This is the socket that items follow when they’re held.<\/li>\n\n\n\nPoppySocket <\/strong>– Uses the character’s PoppySocketName, specified in their character data. This is the socket on the character’s back that Maypul’s friend Poppy gets attached to.<\/li>\n\n\n\nZappedSocket <\/strong>– Uses the character’s ZappedSocketName, specified in their character data. This is the socket that Absa’s zapped effect gets attached to, usually around the center of the character’s torso.<\/li>\n\n\n\nBeehiveSocket <\/strong>– Uses the character’s BeehiveSocketName, specified in their character data. This is the socket that the beehive item is attached to after the character is hit by it.<\/li>\n<\/ul>\n<\/li>\n\n\n\nRotate with Host Bone:<\/strong> Make sure the effect follows the rotation of the bone<\/li>\n\n\n\nScale with Host Bone: <\/strong>Effect scales with the bone<\/li>\n\n\n\n \u2757Detach on Frame<\/strong>: If attached to a bone, detach it after a certain frame. Used a lot with 0 to spawn the effect on a certain bone and then let it linger at that spot.<\/li>\n\n\n\nRotate with Host Velocity<\/strong>: Get the direction of the character and rotate it that way.<\/li>\n\n\n\nCan Have Hitpause: <\/strong>The effect freezes during the Hitpause and resolves afterwards.<\/li>\n\n\n\nParticles Persist After Early Destroy:<\/strong> Keep particles after the article gets destroyed, e.g. Ranno\u2019s dart on hit<\/li>\n\n\n\nMatch Host Rival Visibility: <\/strong>Makes the particles invisible if the character is, e.g. Forsburn\u2019s particles when he\u2019s in the smoke<\/li>\n\n\n\n \u2757Host Linkage: <\/strong>Used in various ways to usually destroy the particle quickly if the player is hit, changes state, etc<\/li>\n\n\n\nDestroy on Window: Destoy the particle on specific animation windows<\/li>\n\n\n\n Skin Override Names: Used to change the particle for specific skins<\/li>\n<\/ul>\n\n\n\nKeep in mind that this process requires a lot of tweaking. Make sure to check the effects in combat with another character as well, specially when getting hit.<\/p>\n\n\n\n
Lastly we need to add the effect to a specific animation window. Two sections up from the Vfx Data there is an Effects tab. It holds the SFX and VFX creation data. In it, we add an entry and then fill in the following data:<\/p>\n\n\n\n
\nCreation Window String Table Key:<\/strong> The name of the animation window<\/li>\n\n\n\nCreation Window Frame:<\/strong> On which frame of the animation to spawn the effect<\/li>\n\n\n\nRepeat Interval:<\/strong> Spawn the effect every X number of frames. WARNING<\/strong>: We do not use this anymore, since it was performance heavy. We now use Spawn Rate in the Niagara effect and attach it to the character. <\/li>\n\n\n\nCreate Until Frame:<\/strong> Destroy the effect on X frame<\/li>\n\n\n\nEffect Name:<\/strong> The name we have in the Vfx Data below<\/li>\n\n\n\nGrounded Conditions:<\/strong> Whether the effect should be spawned on the ground, in air or both<\/li>\n\n\n\nOther Conditions:<\/strong> Character specific conditions. E.g. whether Orcane is on a puddle or not – spawn a different effect<\/li>\n\n\n\nNegate Other Condition:<\/strong> In cases we want something specific to negate the above mentioned condition<\/li>\n\n\n\nTransform data: <\/strong>As mentioned before, you can move the effect here as well, rather than the BP. Can be useful if you spawn the same effect multiple times and instead of creating a lot of BPs , you move it here. Used for example on Absa\u2019s UStrong.<\/li>\n<\/ul>\n\n\n\nThis covers how to add effects to articles or attack data. Next we will look at adding effects to the global character data.<\/p>\n\n\n\n
\nAdding effects in the Global Character Data<\/li>\n<\/ol>\n\n\n\nSometimes effects need to be added to a specific Data class that the character uses. For example, the hit effects are there. A lot of these effects are code-driven and the code looks up the name in this data to spawn the effect. You can always override the existing Universal effects like Air Dodge, Land Dust etc. with that data – e.g. Orcane does that.<\/p>\n\n\n\n
Create a BP with the class Rivals Vfx Definition Asset<\/strong>, or just copy one of the other character\u2019s ones. Then add it to the CD_YourCharacter<\/strong> in Character Vfx Container Class. <\/p>\n\n\n\nUnlike the Attack Data, these effects do not have a specific Window that you spawn them. As mentioned, they are mostly code driven. But, you can use the hit effects in the Attack Data to spawn the specific effect. For example some of Loxodont\u2019s hits cause a Slash Effect and some use a Lava Effect. In the Hitbox section of the Data, you can add that information. They use the character\u2019s VFX data shown above<\/p>\n\n\n\nSome of the other effects are Absorb Lava for example that is code-driven. <\/p>\n\n\n\n
Elemental color data<\/h2>\n\n\n\n In the character Palettes folder, there is a PE file that contains the colors for the character VFX that we used in the material earlier. If you do not see such a file, you can just copy one from the other characters and tweak the colors. Then you need to add it in the CS file located in the same folder under Elemental Palette<\/strong>. Lastly, in the the Skin_Yourcharacter_Default<\/strong> data, there is an Elemental Lerp Count – set it to the amount of colors you chose minus one. So for 7 colors, the lerp count is 6. <\/p>\n\n\n\nPalette Skin effect recolor<\/h2>\n\n\n\n As mentioned in the Materials section, sometimes we want an effect to recolor based on a character\u2019s Palette skin color, not the Elemental one. For that, we go into the Skin_YourCharacter_Default<\/strong> data and add a few things.<\/p>\n\n\n\nThe first one is in the Base Material Slot Custom Color Assignments<\/strong>, we add an entry called VFX for example. In it, we can only use up to 4 Custom colors. Then we called them CustomColor0 to 3 and write down the name of the Skin Palette entry we want to use. So in Ranno\u2019s case, we use his pants and body color – their color is driven in the PS file. <\/p>\n\n\n\nThen, in the same data file a bit below is a Niagara Material Slot Assosciations<\/strong>. You can make a new entry and call it the same <\/strong>as the name you put above. Then, you add all the materials that will be used with the Custom Color setting in here. Now they should recolor in game based on the color you input above. Custom Color 0 to 3 corresponds to the texture mask color that you would use – Red for CC1, Green for CC2, etc. <\/p>\n\n\n\nNote that the system currently works with only one set of VFX recoloring, so if you do more than that, it might not work. <\/p>\n","protected":false},"excerpt":{"rendered":"
This guide will show you how to handle VFX for a character. The process of creating VFX can be tricky at first, but with some experimentation and practice, it will get easier over time.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[7],"knowledgebase_tag":[],"class_list":["post-11","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-miscellaneous"],"_links":{"self":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":8,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase\/11\/revisions"}],"predecessor-version":[{"id":1696,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase\/11\/revisions\/1696"}],"wp:attachment":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/media?parent=11"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase_cat?post=11"},{"taxonomy":"knowledgebase_tag","embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase_tag?post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-107.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-108.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-109-1024x474.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-111-1024x574.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-112.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-113-1024x369.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-114.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-115.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-116.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-117.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-118.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-119-1024x390.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-120-1024x589.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-122-1024x168.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-121-1024x606.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-123-1024x481.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-124.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-125.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-126-1024x449.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-127.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-128-1024x351.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-129-1024x259.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-130-1024x213.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-131.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-132-1024x262.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-133.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-134-1024x363.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/05\/image-135-1024x312.png\")
<\/figure>\n\n\n\n