Blood Splash Effect - #5 Creating A First Person Shooter (FPS) With Unreal Engine 4

[@flawed5481]

By far the best and easiest to understand tutorials I've ever seen. Please keep them coming Virtus!

[@honejc]

Truth. Keep up the great work Virtus

[@Aa_KiRa]

definitely

[@notyourbussines7677]

Yeah

[@pegassus-oj1zj]

Dattebayo

[@thekidd2558]

“It’s just going to work” very Bethesda of you

[@sanadayuki8775]

For those who can't find the image option in Appearance all you need to do it simply right click on appearance and select ( expand all )

[@vidro5988]

Sanada Yuki THANK YOU

[@kalova6731]

OMG ZHX

[@FuzzyBrunty]

You boss

[@mycroft09]

thank you so much

[@rishisharma2572]

You make the best tutorials than all other youtubers

[@mycroft09]

This is the best tutorial series ive ever seen i just started using UE and this has helped a lot

[@Geronimo57]

To those asking how to have the vignette apply only to the health and not the armor, its fairly simple, just don't connect the Create Damage Effect Widget to the False condition in the branch at 07:52 and it is only applied when the player health is taken away, not the armor.

[@SundeeStudios]

HOLY FUCK DUDE U JUST FIXED MY PROBLEM HAHAHA TY SO MUCH!!! I CONNECTED THE TRUE TO THE WIDGET NOT THE FALSE OMGGG TYYYY

[@Geronimo57]

Glad it helped. I think I found out by accident :D

[@hotmatrixx]

although your tut's are great, relevant, and pretty easy to understand (VS just follow along and not understand); One thing I think I've learned - I wanted just a single animation to flash repeatedly, this setup causes a new instance to be repeatedly created and played over the top of the old one. Importantly, the old instance is not destroyed, so you just keep making new instances without removing handles or references to them - this is potentially a massive memory leak! I set my fire to tick every 0.01 with 0.02 damage per tick for a smoother animation - meaning that I was making hundreds of widgets, just with alpha at zero. I'm working on how to remove from parent/make only a single instance and replay that.

[@we4kness_spotter44]

i am new to Unreal Engine 4. And this series helps out so much Keep it up, Virtus!!

[@Euclidiuss]

I didn't download the vignette you posted but i instead made my own in aseprite and it just works. Had no idea putting effects like this into the game was this easy.

[@bashy_yt1118]

Thank you so much I'm very happy that you focus on every aspect apart from adding guns and getting them to shoot by far the greatest, easiest and effective tutorial I've everseen

[@VirtusEdu]

Guns will be added real soon, tomorrow we'll be setting up the character animations and getting them ready to hold the rifle. We'll be adding it after that. Hold on tight!

[@bashy_yt1118]

ok thanks

[@bashy_yt1118]

btw I wasn't being sarcastic I'm glad you consider all mechanics a fps needs

[@stamx_]

These video series give me the ability to accrue a lot of experience in troubleshooting. Great series.

[@XxXAllukardXxX]

For those who have white square instead of damage effect. Fix: delete "Damage Effect" blueprint and remake it again, it helped for me

[@lukashagen6878]

Thanks for it

[@josephstauss2033]

Luke Anderton, you are the best tutorial maker on the entire platform of youtube :D

[@o7qedits]

this is very helpful and so much fun to follow! thank you for putting so much hard work into this series.

[@futureproof7462]

this series is unreal. thank you!

[@vantablack3831]

Saw what you did there xD

[@M_I_C_I__M_A_U_S]

you my friend, are the best teacher

[@bahnsim-forum5555]

With UE4.21.2 it works without Problems, nice Tutorial

[@imboredtm5036]

I'm using 4.21.2 too but it doesn't show up on the screen 😅

[@Canoodlan]

Yay! Thanks for these tutorials! Was able to make the camera shake every time I get damaged!!

[@Bosnian-yz2gw]

101 Likes and 0 Dislikes, wow congrats Virtus

[@Totoleguitariste]

I'm am the first dislike mouahaha

[@henryvictor8071]

There's always one 8==D Head

[@jovaneybernard2206]

true

[@droneexpress6333]

Absolutely amazing tutorials, I am new to Unreal Engine 4 and this is helping me so much. Thank you keep up the good work.

[@notsudo6873]

I didn

[@gaiasilver1880]

tx man

[@urielmesenja1040]

ty

[@not_herobrine3752]

bob ross would be proud

[@notsudo6873]

@@not_herobrine3752 lmao

[@teriyan1778]

For those of you who have the updated version of the editor, if in the vignette fade animation creation the blood doesn't appear, do not worry. Change the alpha (RGB A) to 1 in the DETAILS and you will see the animation working

[@amishsabadinsidaya]

Wow thanks man I was stressing you helped me a lot thanks

[@jeetthakker9143]

I changed it to 1, but every time I compile it, it changes back to 0. What can I do?

[@eshaangoel1415]

We have 4.25 now but I downloaded 4.16 for the reason that there might be significant editor changes bothering me (I suffered in unity)

[@cringlezz]

I'm using 4.26 but it doesnt allow me to just drag and drop the image into the blueprint bar. How would i implement red vignette image?

[@user-ly8fs7kj4y]

You are amazing.

[@aidanbradley8749]

I'm having a problem with a newer version of UE4 where opacity is replaced with Alpha on the animation area. The Alpha with the animation versus the Alpha with the image default doesn't mix well and the image doesn't work at all

[@tylerneo]

I had a similar issue, in the details panel leave the alpha as 1 and just change it from 0-1-0 like in the video. When you test it will stay invisible because the animation is keeping it a zero until it's acted upon. Everything else should be working fine then as of UE4.23

[@Below_Pvt]

@@tylerneo i had same problem

[@coboltgames6216]

Keep up the good videos Virtus.. very easy to understand thanks!!

[@Epicgamer-pm9kj]

when taking shield/armour damage you could use a blue vignette instead, then use the red one for health damage

[@Corza]

Gotta love how the Unreal devs just move vital options around and hide things with each update.. making these simple older tutorials 100x harder. Things like "loop animation".. where the hell did it go? Unreal Devs: "Well we've always had the loop option right here.. so lets move it somewhere no one can find it.."

[@jehrodsmith9842]

@@CitroenGames it's called humor lol

[@Snall123]

For anyone who followed the tutorial correctly and still can't see the blood splatter, try increasing the delay in your pain volume. It might be taking too much damage before the animation has a chance to start. Good luck!

[@vinayakgite7828]

Nice Work u r doing keep it up bro and thanks for teaching.......

[@jmbstudio6873]

Top notch tuts! By far the best and easiest to follow! Thanks! Cheers! No problems so far with version 4.22.3. Way more fun that Xcode and iPhone apps!

[@guerreroinmortal7]

you are the best you give everything for free in exchange for only very good visits you earned my like

[@iffyfpv]

9:00 Virtus:Its going to be really fun when we got player shooting us me: Thats fun? Lemme try

[@neelpatel9302]

Hey man i am so happy with your channel. Very awesome. 😀😀😀

[@soviet3918]

If you want to see the splash screen even when you recieve health damege, you must create your widget after the false branch node and the set armor node after the true branch at the same tame :D

[@JokericeColdchill]

i have to say mate these tutorial ar eesy to understand and to work with. i like your work and am going to follow you thanks so mutch for the tutorials you make

[@aarnav.3911]

Love ya, Virtus! Easiest to understand tutorials! Imma make one of the best out there! Also, after this series maybe, can you try and make some blueprint tutorials? like explaining all the blueprint things part by part?

[@pegassus-oj1zj]

didnt see that comming for Kratos

[@michakozak574]

If u have a proble at a moment when u make HUD showing on dmg to armor. I just copied the create dmg effect and add to viewport then connected it to the branche's false. It actually helped me.

[@jeffreywarf]

I'm trying to rework this into a fading overlay that gets more visible as health gets lower, but when I try to follow your directions you showed in the health and armor widget tutorial for setting the overlay widget to a variable it says that it's not compatible with UI object reference? EDIT: Here's how I figured this out... I created a function called "Calculate Overall Opacity" that compares the current health value to the maximum health value (by dividing the current by the max) then I do 1 minus the created fraction. and return that value in the function. Then in the image I go to the brush settings in appearance where he showed we set the alpha value and create a binding at "color and opacity". In that function, I cast to the third person character (while setting the object to get player pawn) and then click and drag the "as third person" node to cast it to the function called "Calculate Overall Opacity". From there, I use the return value (the green node) and drag it out to create a box labelled "make color" and set that return value to the alpha. Then I take THAT return value, and drag it to the return node of the binding function I created at the color and opacity of the image.

[@enderval_]

can you share how you make the function?

[@jeffreywarf]

@@enderval_ I'll have to get back to you on that since I lost my old project file with what I did so I'd have to do this again. :(

[@enderval_]

@@jeffreywarf tbh im suprised you even responded after 2 years lmao

[@lordlucan9568]

I'm pretty much gonna leave a comment on your excellent video

[@dyroth]

Dude I actually love you

[@alexjr977]

WoW! Just Amazing!

[@6ysparky]

The pitcutre link to FPS game in resources is linking to endless-runner, start button works as expected though. Anyway, thanks for great series so far!

[@GakeJaskin]

When I go to add the image, my appearance tab only shows brush and color and opacity, i dont know why but i cant add the image

[@GakeJaskin]

nvm, just had to open the brush tab

[@SFLAdventures]

@@GakeJaskin Thx mate!

[@GakeJaskin]

@No Passport Required lol I can’t believe me being an idiot actually ended up helping people. Your welcome dog

[@budbud_gaming9046]

thanks i had the same thing happen to me

[@IronPatriot]

By just copying the same idea with the health but instead of also connecting false to health and creating a new widget you can make a different HUD effect for shields and health. I made my shield effect lighting on my screen. Kinda cool.

[@NoCopyrightMusicForYou]

Easiest Tutorial. Thank you

[@sumitdebbarma1443]

One of the best tutorial i youtube.... u should be working in game industries whith ur such skills. Bro thanks to ur tutorial I learned a lot from ur tutorial. THANKYOU VERY MUCH. Can u plz do me a favour. Can u plz show me how to make friendly AI character whom we can select and ask to follow player by pressing a key and fight enemy AI too......

[@gaiasilver1880]

I had broken glass effect for my armor damage with the false value :)

[@fsdevi]

@TFR how would i do that exactly? I'm new and think that your idea is great!

[@tigerthebest6704]

I used a sci fi effect and it looks sick af

[@user-zf8vg7on5e]

@TFR wdym

[@user-zf8vg7on5e]

@TFR so for take damage funtions, i go to set armour and with 0.0 and create another node with create damage effect widget?

[@user-zf8vg7on5e]

@TFR ohh i got it \ thx

[@DayMoniakkEdits]

Creating the widget each time on top of the previous one when the player take damage isn't performance heavy ?

[@machdirkeinkopf]

how can i fix that ? I mean how i can do this without creating the widget each time.

[@DayMoniakkEdits]

@@machdirkeinkopf when the widget is created add a delay and put a "remove from parent" node (on the widget itself) so it's destroyed after a few seconds and it's much cleaner in my opinion

[@machdirkeinkopf]

@@DayMoniakkEdits ah okay thank u

[@ryansilicronispro]

@@DayMoniakkEdits How do I verify that the widgets are being destroyed or not?

[@DayMoniakkEdits]

​@@ryansilicronispro If done correctly you don't have to verify, I stopped using Unreal so I can't remember if you can see the widget inside the hierarchy window like in Unity

[@marcoshabacon3285]

the best tutorial

[@EZTutorialsOnline]

Nice vid. Thanks!

[@dukesoft7211]

So, you just created a massive memory leak, right? I'm completely new to UE but this looks so inefficient. Is it possible to use 1 damage function, let it take a variable in as "damage". Create the widget ONCE (better yet, put it in the HUD widget), and set the opacity of the blood effect to damage/10.0 or something - 5 damage sets alpha to 0.1, 10 to 0.2, 20 to 0.4 etc. Then in some tick event you drop the alpha by 0.01 if its over 0. Wouldn't that be more efficient and not spawn an immense amount of widgets (that need to be created) and never get destroyed?

[@BerkinGG]

You're absolutely correct.

[@weebpianoguy720]

Love your videos

[@-June0]

hey one question you only added the effect to TakeDamage5% is it the meaning that i add all of those to all of the other ones like TakeDamage10% or are we going to do this in a other episode?

[@CanadianBatman1]

Frostbite that's what I was thinking too.

[@aaronjenkins2225]

it gets added to each of the Pain volume items you make. so essentially once you have completed one, you copy and paste, and then change the pain value to 0.10 for 10%, 0.15 for 15% and so on.

[@camoz247]

I got mine to work but whenever i get out of the box, i'm still taking damage and the vignette stays there. Anyone know how to fix this?

[@VasyaNed]

5:24 Chose "Ping Pong" play mode in the "Play Animation"

[@gaiasilver1880]

you can use a do once multiport if you need to duplicate the nodes at the end of the branch

[@mohammedramilekhalhanifi1613]

you are a boss bro thank for the work

[@BuilderTrevin]

So basicly, I can swap this for something a bit more realistic? Or put a silly splatter?

[@samuelkilik8233]

I Put a duck

[@JoePaquin26]

So, somehow, I got it to keep splashing the effect until the armor is fully regenerated, unlike what you’ve shown above, but all of my blueprint seems to be the same. Any help would be appreciated, thanks

[@maazahmed619]

I have followed the exact steps shown in the video. Yet, the vignette effect doesn't fade away when I move away from the pain volume. What am i doing wrong?

[@LanceSummer]

I had the same problem. I had only animated the Widget to .5 seconds. Follow the video very closely when he animates DamageFX with the vignette. He takes the opacity to 1 at .5 seconds, and back to 0 at 1 second. I forgot the second half and it didn't work.

[@GB43431]

Same problem here

[@LanceSummer]

@@GB43431 4:35 make sure you set it back to 0 at the 1 second mark

[@GB43431]

Did that. The animation works. The end overlap doesn't work. Keeps on blinking

[@vaqquixx8620]

make sure that you made it loop 1-2 times

[@gianfrancodagostino3938]

Just awesome!

[@rythis155]

Instead of a flashing red vignette I get a flashing white screen. I've spent an hour looking for a solution and double checking the video and I'm certain I did everything exactly like in the video. I even double checked that my image was a PNG. What might be causing this?

[@effzero7211]

Did you compile your code?

[@rythis155]

@@effzero7211 I did, many times

[@XxXAllukardXxX]

Same problem here.

[@kesos8395]

You are awesome When I end with my game i will release this if theres not problem..Sorry for my english

[@hun-alexander]

Setting offset right, bottom 0 is maybe good. and need to 'remove from parent' node, because the created widgets remained. Or it would be nice to create widget in advance, only one widget would play 'fade' animation. so you can save resources. my bad english sorry

[@lemonlime6226]

My blood splash image keeps reappearing even thought I'm not taking any damage, and suggestions?

[@snazy1648]

same

[@jehrodsmith9842]

@@snazy1648 that's not a suggestion, read the comment idiot

[@snowwolf1854]

@Joonas2009 that's not a suggestion, read the comment idiot

[@jem4838]

​@@snowwolf1854 that's not a suggestion, read the comment idiot

[@ritiktomar1265]

@@jem4838 that's not a suggestion, read the comment idiot

[@inufoxify]

is there a way to show the damage effect without covering the hud?

[@dingbat466]

did ya figure it out yet? been 3 years

[@frostyflakes69]

@@dingbat466 no

[@NoName-tf6hp]

I can't find the link to download the image :(

[@Inugamiz]

www.virtushub.co.uk/resources.html

[@therm0alfred448]

type in Google, "Blood Overlay Effect"

[@keltar2007]

Well, I created one...let me know if you need it

[@magnu-main9375]

I need it

[@adamafzall4618]

mega.nz/#!p9t3SQbL!rMUtrv3DQdNTLcd_HIR_6NnCBofvOOm0U4DtervYjSk

[@geoffrey3668]

Thanks for these great video!

[@wraithMS]

Virtus, you should also include all the fonts and stuff we're gonna need with the rest of the files from your website. It would be way easier than searching for the fonts on google.

[@Mamrika]

Soo Cool Tutorials :)))

[@gamedevelopmenttutorials5298]

Does the damage effect get destroyed after the animation? I don't want to end up playing for an hour, and then have thousands of damage effects still in memory.

[@BerkinGG]

I'm really glad someone else pointed this out, because it's the first thing I thought of after watching. There are much better ways to achieve this without continuously creating new damage overlays. One way would be to create a single damage overlay widget, listen for player damage using UE4's built-in damage system, and then play the animation to show the overlay.

[@gamedevelopmenttutorials5298]

@@BerkinGG I think that this is what I ended up doing eventually because it made a lot more sense. The Take Damage function he made in the previous video is also weird. He made separate functions for taking damage in 5% increments when he could have just made one function, with the amount of damage to take as an input parameter, and could have cut the time of that video in half.

[@superadi06onyoutube99]

Thank you, when i watched your videos and i do it in ue4 its working. But another tutorials dont work for me.

[@PreciseAce]

Hey Vitrus! I was wondering if you could make this tutorial where when you dont have weapons you walk around using the animations that come with the third person. You know, so that way your not holding an invisible gun! Also i've seen other third person shooters and tbh yours looks like its gunna beat all of them!

[@toplapd3102]

Where can I Download the Image? It isnt in the ressource File...

[@DanielTube]

it is

[@jorgepreciado6984]

@@DanielTube Yes! It's there ;)

[@rothruithor1963]

would be nice if there were 2 effects one for shiled like a blue vignette and one for health

[@savdonks1972]

why is the website down

[@not_herobrine3752]

idk its good now

[@LasithaPerera23]

Cool bro, Keep it up..

[@akikozzm7915]

I want to ask a question, when I am in the PainVolume, the speed of RedVignette's flash is too fast, how can i fix it?

[@Kornica3D]

I am just wondering - if you make those widgets and they fade out - do they still stay in the memory??

[@BerkinGG]

Yes they do. Don't do what he does in the tutorial. Reuse a single overlay!

[@lucasmasters]

Hey Virtus, nice videos man keep it up ! Could you make a tutorial about blood spatter effect when an enemy is hit by a projectile. Also when a projectile hit something and make a bullet hole. Thanks.

[@elitearsenal710]

Are you doing any livestreams this month?

[@scientificallystupid4797]

I love this tutorial and it is very easy to follow! However, I have watched this vid at least 6 times and I know that I have done everything the same yet no effect is displayed on screen, please help!

[@gavinchapman8511]

Gav Down under here. Adding some bump vibration so screen moves and hurting ouch noise along this would be better to add with..

[@notnia_6829]

these tutorials are really helpful! just one question, when I take damage I don't get the picture it comes up with a white screen and I'm not sure how to fix it

[@hermanessences]

Awesome tutorials! Is the blood vignette free to use in our own games btw?

[@IronPatriot]

Depends if he made it or not. It might say on the website.

[@brindledragongames8387]

My character appears to be getting damaged twice even if I quickly go through the pain volume and set a longer delay it will still damage and then play the animation twice the second time after I leave the volume. Any Ideas?

[@zygimantasbalcius7209]

In your PainVolume event graph after delay instead of connecting it to "Take Damage" function add another branch with condition to check if the player is in volume(just like the one between "Take Damage" and "Delay") and then connect it to Take Damage function, hope you understood.

[@nevanks]

At 6:42 I dont have a Damage effect on the dropdown? please help if you can

[@griffieboiii3056]

Him: Talking About Blood ("Which Looks Quite Nice") Me: O_o "A What"

[@tarikbosniangod1864]

will u be adding your custom hud in the upcoming episodes

[@VirtusEdu]

Tarik BosnianGod I sure will, once I've got the weapon and character set up. Our ammo counter won't work if we don't have a weapon set up. 😂

[@tarikbosniangod1864]

Do you have a certain time everyday that you upload this series?

[@szerothH]

thank you so much bro!!!!!

[@cartergraves7790]

is the blood effect needed?

[@brendansapp]

no

[@effzero7211]

It's optional. You can skip this if you don't want it.

[@nikoskoukounakis4483]

So you are creating an overlay texture every time you take damage, but what happens to that texture after the animation is destroyed? Shouldn't we somehow dispose this texture? As far as i understand there are multiple images left in your screen with opacity set to 0, which in Unity would kill performance... am i missing something here?

[@BallSniffer-ls6dg]

Hey Virtus, how do I make it so the blood effect stays until 5 seconds after being damaged and then you begin to heal.

[@ReapersOfFate]

dumb question XD for the armor regen (i switched it to auto regen health instead) can i set a delay before hp starts regenerating for EX after taking dmg i can only start regening hp after 5 seconds

[@albertocambronero1326]

bloody screen so real

[@hamzahussain7598]

i am not getting the screen it just turns white

[@brandonaquino4707]

4:10 when i expand colour and opacity it says R G B A instead of Red Green Blue Opacity plz help

[@VirtusEdu]

A is the same as opacity.

[@brandonaquino4707]

I did exactly what you did but the blood never showed up

[@UnderThatSae]

@@brandonaquino4707 same

[@blcxero]

@@UnderThatSae Did You Solve It?

[@egoranisimov5411]

Hi, why did we set Owning player for Create Widget block in this case and didn't set it for the basic HUD earlier?

[@arturfigiel330]

Thank you!

[@therealKrak]

Somehow my timeline for the vignette fade animation started at -1,37 sec and endet at 1 sec but the keypoints were at 0, 0,25 and 1 so I have this delay in the animation... There is this like green and red clip which obviously shows the beginning and the end of the animation but I can't grab and move them, also tried to right click them and try everything that might work but nothing worked so I deleted the whole animation. Next try and now the animation is fine but still I'd like to know how to work with those clips/handles. Any solution?

[@vedantchaudhari7123]

soooooooooo freaking useful!

[@VirtusEdu]

Enjoy!

[@jorgepreciado6984]

Yes!! It worked!

[@igorastral4816]

How? i still get two loops

[@jorgepreciado6984]

@@igorastral4816 8:38

[@igorastral4816]

@@jorgepreciado6984 Jorge, i changed already the loop to 1, and it still doest the cycle twice, i have no idea why, though i followed every instruction to the letter. hmm..

[@ryansaper]

How do you get it to appear beneath the other HUD widgets? I don't want mine to cover up my health bar.