Unreal Engine - Easy Typewriter Text Tutorial

[@misterrcactus7302]

Simple to follow, very well explained, clean blueprints, enjoyable voice... just like it should be. Thank you, sir!

[@Ahmet_Koctar]

This is the best tutorial I've ever watched.

[@dangerkatdev]

Hands down, this is the best tutorial I've followed (and I've tried to follow MANY). Perfect speed; just enough information; and nice organization, without errors--thank you so much!

[@ReidsChannel]

Thanks :) glad u liked it

[@fencingprincess6537]

Thank you so much for this tutorial and for explaining the process! I followed along in UE 5.0 and everything worked perfectly.

[@Yazoon_S]

I was looking for this particular tutorial for a long time ,and finally i’ve found it , your tutorials are not only unique but useful, keep up the good work

[@ReidsChannel]

Thanks :)

[@cyrusjameskhan]

Great tutorial! A simple process well presented, also discovered some very helpful and general new tips along the way! Thank you

[@ReidsChannel]

You’re welcome 😊

[@anotherbsstreamingchannel9520]

Man, this works fantastically.

[@Datsix83]

Thank you. this actually helped so much more than other videos i have watched, plus it actually works!

[@billywap]

Love your presentation on this topic. Well done

[@R_Bellator]

This worked perfectly for my Pokémon Mystery Dungeon practice project!

[@Grimsikk]

How to implement this into Reid's Dialog System: 1. Open your DialogWidget from the Dialog tutorial and create the variables and WriteText function as shown in this video, except the TheTextBlock one, you already have the SpeakText variable for that, just replace it where needed. 2. Create the Event Tick logic as shown in this video. 3. On your Speak custom event from the Dialog system, remove the SetText node and instead insert the Write custom event logic from this video in between the start of the Speak custom event node and the Set Dialog State node. Pull the Text-type Text variable off of the Speak node and hook it up to the String-Type Text variable Set node, it should automatically convert it. 4. In the beginning of your Reply custom event, Set Writing boolean to false. 5. Set your CharsPerSecond variable to the speed you want before testing, otherwise it will still be at 0 and nothing will show up. [ Bonus Step ] If you would like to allow players to click to automatically finish the Writing, before allowing them to click again to progress to the next screen/Reply list, try this. Let me know if you find a more reliable method to do this. 1. In your OnMouseButtonDown function, right before the Call On Speak Finished node, place a Branch that checks the Writing boolean. 2. On False, hook up the Call On Speak Finished and Handled Return node. 3. On True, Set Writing boolean to false and get SpeakText, pull off of it for a SetText node, and get the String-type Text variable to then convert it into the InText input. Remember to hook it up to the handled Return node as well.

[@germanslice]

I would like to change the dialog text color when starting the widget. We need to also add pictures to the dialog text speakers and also audio. i think this system was designed for handling small amounts of dialog so I have a read only dialog system with a timer for doing the storyline dialog cycling pictures, audio, anim from a data table and now Reids behavior tree for the dialog branching choices when speaking to the npc's.... I have over 50 thousand lines of dialog in my game. So I'm looking for a dialog branching system to handle it, I don't know if the behavior tree can handle all that. But I think we need to combine the two systems. But I don't know if a Behavior tree can read audio and images and animations in from a data table along with the text. Can Reid's system use data tables.

[@sondrekileandersen2901]

I would also like to add that the CharsPerSecond variable has to be changed inside the variable itself, inside the Dialog Widget, NOT the "Create typewriter widget widget" Inside you third person character. I am a beginner and spent hours on this because I dont fully understand variables and nodes 😅 Grimsikk, thank you so much for your comment, it helped me a lot!!!

[@MrSmashmasterk]

You, are a wonderful human. Thank you so much, I love you.

[@seyff367]

nice tutorial, thanks man! I just need to add a portrait now to the left or right side !

[@Yntoxicboy.]

Just perfect, you got a new sub. THANKS!

[@nex8939]

Very helpful thanks

[@J.R.Unbound]

I doubt you will see this, considering I'm a year late, but do you know how to immediately move a word to the next line, instead of it starting on a line that doesn't have the space for it? Sorry if the explanation was bad! If you are reading, thanks for this splendid tutorial! One of the best I've ever watched!

[@リュウ_レッドマウント_RyuRedmount]

I can did it! I wanted to it! Thank you!

[@fael097]

Superb tut, thank you! I have a question though, how would you add a pause or delay in the middle of the text being written, for narrative purposes/dramatic effect? For example if my character says "I don't think it is... Or is it?" Ideally there would be a pause after the dots

[@laudy1k]

Thank you

[@FullSaphir]

Thanks you so much ! It really help me a lot !

[@MashuStar]

Good video thank you for your tutorial :)

[@ranaburns1922]

Thank you so much for the tutorial! Really easy to follow. Do you know how one would progress through text, like hit a button and the rest of the text will pop up? My text currently doesn't stay in the bounding box because there's a lot of it.

[@voltsm_]

Awesome tutorial! Not sure if you will see this, but any tips on making this work with your dialog tutorial? I manage to get both this system and the dialog one to work individualy but not together. Thank you!

[@ReidsChannel]

Hey, well it shouldn't be too hard - just replace the dialog widget in my dialog tutorial with the widget from this tutorial

[@voltsm_]

@@ReidsChannel Manage to do it! Thank you for the reply!

[@voltsm_]

In case anyone reading this on the future and wondering, just put all the logic for the typewriter after the Speak event. The problem I was having was that I couldnt click on the reply to appear more dialog from the NPC if I didnt wait for the typewriter to finish, but after some debugging I realized the "Writing" boolean was never being written as false (because the character typing never finshed, hence never got to the end of the function). My solution was just make if false after the reply event (I dont want the typewriter on the reply) and call Finished Writing. Probably not the most sofiscated but it worked lol This is also a solution if you want to be able to skip the typewriting

[@renatodep]

@@voltsm_ How did you plug it in?...I can't get it to work...

[@voltsm_]

@@renatodep What problem are you having? I'm just remembering from the top of my had, I plugged it in the character blueprint, in that speak event tree

[@JDARRASVP]

Hello, great tuto ! I would like to know if we can inverse the typewriting. I mean, to start with the text and delete letters ? Thanks

[@lieliu350]

Great! And I want to ask that if I want the player to click through to the next sentence, how do I do that?

[@LightshifterGame]

Would you happen to know of a way of speeding up or slowing down individual words in the string to put emphasis on them? otherwise great tutorial!

[@ReidsChannel]

That could be tricky. I can't think of any easy way to do it. You'd probably need to create a struct which contains the different sections of Text and each section of text has its own associated CharsPerSecond variable. Then you'd need to pass that info to the widget and update it to use the CharsPerSecond from the struct

[@LightshifterGame]

@@ReidsChannel interesting, I'll do some experimenting. Thanks for the response!

[@Grimsikk]

@@LightshifterGame Did you ever manage to find an optimized way of doing this?

[@SketchTheArtist]

Great tutorial! Thank you! :) I was wondering if there's a way to have the game PAUSE while the text is being written? Whenever I pause the game, it stops the widget from displaying the text...

[@mamet-relaxstation2219]

Do you have course for beginners? I’ll love to buy it.

[@darfiss616]

Nice tutorial!!! I'm trying to adapt this onto a plane in 3d space for NPC's. For example you get close to them, the text pops up. I need it this way, because add to viewport wont work in VR ... I cant get it to work ... do you have any suggestions how to do this?

[@gustavogodeny]

Thank you for this great tutorial! Let me ask you this: is there a way to individually animate the letters?

[@ReidsChannel]

Np. Wdym animate?

[@gustavogodeny]

@@ReidsChannel I mean letter by letter have some animation, like fade, transform, come from somewhere, anyway, this kind of thing you can do with all the text in the textbox with the +Animation button, but manipulate the letters one by one

[@ReidsChannel]

@@gustavogodeny Well in order to have animations per letter I think you'd have to have each letter be it's own widget. But of course if you do that then the way the text is displayed in this tutorial will no longer work. You'd have to modify it to spawn each letter as its own widget at the correct time and then when a new letter is spawned, play the animation for that letter.

[@gustavogodeny]

@@ReidsChannel thank you!

[@SwordArtUniverse]

Hello! I don't think this comment thread is really active anymore, but... The typewriter method given here works pretty well! I've been able to get the first textbox down as prescribed in the tutorial, but I'm having a really hard time wrapping my head on how to reset the text and or replace it with subsequent dialogue. I'm thinking there's some variable array that I need to create, but I'm a bit too lost at the moment to feel I could adequately provide more specifics into my thinking on this one. If we wanted to write more dialogue for a hypothetical character, one where the text stops and only proceeds on button input after completion, do you have any suggestions for how we might be able to go about it? Any ideas or pointers would be greatly appreciated! Otherwise, it was a pretty great and straightforwards tutorial. Thanks!

[@muntasirdawlut]

check ryan laley for the advance dialogue tutorial he has, you can implement it with this one i this, i would need that in the near future as well so it should work if you can get around the codes

[@autodriv3r405]

Hey, one question. Is it possible to integrate Speed Variation inside "one Text"? I can set the Type speed for every Widget, but i´m in the need of different speeds inside one widget, or inside one text block. Can you help? Thanks man!

[@myxz8565]

Help! I cannot use Write Event in another blueprints!

[@MrSmashmasterk]

This is such a great tutorial! I ran into a problem where if I spam the interact button the text gets stuck on the screen and won't go away. Any theories? Thank you!

[@muntasirdawlut]

a do once node a the beginning of the interact button and it reset on finish should do the trick

[@BearyK8]

hi! im trying to get my textbox to fit to the border but everytime i drag it in it sizes it to content and i can't change it, this means when the text writes it auto wraps it to a tiny rectangle rather than the border :( do you know anything to do with this? also wanted to say thank you for the tutorial :)

[@megtwin]

Sounds like you have your border set to size to content, uncheck it.

[@issamaf80]

Can you do a tutorial on how to make a dynamic third person camera plz ?

[@ReidsChannel]

what do u mean?

[@issamaf80]

@@ReidsChannel kzbin.info/www/bejne/lZnFh3eBfax6btU

[@Overrun01]

I am new suscriptor, you are the best bro! could you make a video of climbing walls, with animation? or a video of pass fences with animation

[@kelwininasu8194]

i have a query..how to control the speed of the type writing??

[@megtwin]

Change the character per second value, the higher the number the faster the speed.

[@ФедорСимонов-ф1ч]

i cant get write function from widget what i make wrong???

[@rikkasummer2784]

is there a way to put a text sound blip (like ace attorney game)? this is really helpful, only the blip is missing

[@ReidsChannel]

Yes, there is a PlaySound node in blueprint which will let u play a sound

[@rikkasummer2784]

@@ReidsChannel i see, thank you! will try the playsound node a try

[@Cloudyisawesome]

Is there an easy way to play sound files as the text is laid down? (like in the old banjo kazooie games)

[@ReidsChannel]

You can use the PlaySound2D node

[@OvernightReal]

Take Off Air Plane Tutorial :) hehe

[@breadbeard5302]

Can you do a tutorial on sliding? I’m aware of your crouching and sliding tutorial, but the sliding didn’t feel right. If you could make sliding like titanfall2 or any sliding that increases duration with speed, or and increases speed with downward slopes, I would be very grateful. Thanks nonetheless!

[@ReidsChannel]

Hey I'll think about making an advanced sliding tutorial

[@breadbeard5302]

Thanks so much! I would really love that!

[@sharonjose7033]

First

[@ReidsChannel]

Always

[@shreyansjain4855]

my text is not showing i dont now why can anybody help me

[@nickgennady]

This does not work with rich text boxes, styling does not get applied.

[@magnus00125]

too complicated for me

[@nzaproduction8116]

Why casting to player controller not showing up in mine?