2D Sprites in 3D World with Unreal Engine [HD-2D]
Вставка
- Опубліковано 9 тра 2024
- Get my 12 hour course on how to make 2D games with Unreal Engine:
tinyurl.com/Ultimate2D
Support the channel on Patreon:
/ cobracode
It is not very well known, but with Unreal Engine you can create great looking 2D/3D Hybrid games.
This is a technique made famous by games such as Octopath Traveller and the Dragon Quest 3 remake.
I'll show you how to create a similar look in Unreal Engine using a sprite based character and Paper2D.
● Subscribe: / @cobracode
● Twitter: / cobracodedev
Timecodes:
0:00 Intro
0:30 Setting up Sprite Character
2:21 Lighting Settings
3:19 Setting up the Map and Post Processing
4:15 Particle Effects
4:31 Texture and Material Settings
5:47 Adding 2D Sprites to the Background
6:03 Finished Project
Used Assets:
Free Warrior Animation Set - clembod.itch.io/warrior-free-...
Country Village Free Pack - clembod.itch.io/country-villa...
Icons made by Freepik (www.freepik.com) from Flaticon (www.flaticon.com/)
#cobracode #gamedev #madewithunreal #indiedev #gamedevelopment
It took me a while to realize that I had to rotate the directional light around the Z-axis (about 290) before it would reach the character. Don't forget to move it up the Z-axis high enough as well. For anyone still struggling with the cast shadows, might be worth a shot. Regardless, great tutorial.
dude that's amazing.
THIS IS WHAT IVE BEEN LOOKING FOR. OMG. THANK YOU. Sorry for caps. Excited.
Thank god for this video, this is exactly what I needed to start with 2D in Unreal Engine !
I love this and THANK YOU for covering 2d games in Unreal. Theres so few content creators and tutorials on this style of game and I think if you put out more of these you could get a good audience.
Thank you :D
Yeah the lack of material on this is topic is what drove me to just open up unreal and figure this out myself while combing through all the scraps of info I could find. There's still much to improve but it's been a blast so far.
I plan on also doing more videos about 3d stuff soon, but also have more video ideas for 2d hybrid projects!
@@CobraCode awesome. Yeah I just subbed. Glad I found your channel. Im a noob when it comes to making games but as of the past month Ive been learning UE5 and just going through a ridiculous amount of tutorials via udemy. Have a few pixel art courses lined up as well.
How long have you been making games? Do you know any programming or strictly BP? I had no idea their was even such a thing as visual scripting and UE has been great when it comes to hitting the ground running. Just a shame it doesnt get alot of love from 2D devs.
@@NewMateo
Thanks for the support :D I really appreciate it!
That's awesome! Yeah now is probably the best time to get started so you're all up to speed once UE5 is fully released.
I joined a 2 year course in a game dev college in japan about 4 years ago and have been making games ever since. I did about a year of web programming before so that also helped me get started. Honestly though they didn't really teach us much that was useful and I would progress way more by just going through udemy courses as well. It was mostly for the visa, group projects and making connections in the industry. Yeah we did a lot of C#, C++ and I also did Ruby, Golang and Javascript from web programming. But even if you know C++, using C++ in Unreal engine is a whole different story and it is incredibly hard to work with and you'll loose so much time over just doing things in Blueprints.
Blueprints are amazing and we actually released a full fledged VR game on steam only made with blueprints. You'll definitely loose some performance over c++ but unless you want to target less powerful platforms or make games that are very computation heavy you should be fine only using blueprints for your first years of game dev.
Yeah there's really not a lot of 2D support by epic, but there are some cool plugins on the marketplace such as PaperZD that are trying to fill that void. They're working on a big update now which might make things a lot easier for us :)
thanks man, this really helped me going thru my game
I hope to use this idea for enemy ai, and make a 2D/3D first person game like the old Elder Scrolls games
Update on the cast shadow issue with UE5. I still haven't really figured out why this happens and nobody seems to be able to answer that in the forums.
However if you create an UE 4.26 project and then convert it to an UE5 project the cast shadow issue seems to be solved!
So I guess it has something to do with the default project settings in UE5.
Hope you're enjoying the video and don't let anybody tell you Unreal Engine can't do 2D.
Yes there are more obvious choices out there but depending on your project and your experience level it might be a good fit.
I decided to keep the backgrounds stylized instead of going for full pixelated simply because this is much more manageable as a solo dev or somebody who can't make 3d assets themselves (like me).
Also I actually really like this look and it stands out. I might try a few tweaks to bring both art styles together a bit more in my following projects.
Can you explain how yo to make a 3d game with 2d models like Scourge of War
@@markcorrigan3930 I just looked at a video of the game since I'm not familiar with it. It seems like the sprites change depending on the camera angle so it is quite hard to implement.
The base of it still works the same way as described in my video, but then you'd have to always check for each character from which angle the camera is looking at it and then change the sprite accordingly.
Kind of similar to this video:
ua-cam.com/video/wfEVPVlAPD4/v-deo.html
well you did it in the previous eteriation of unreal ? does it realy count ? you said your self unreal 5 caused you problems
,
@@jonajo261 Hey, not quite sure what exactly you're referring to or what you're replying to.
The preview version of UE5 had problems with shadow casting on sprites, but that has been fixed a long time ago and isn't an issue anymore.
@@CobraCode okok i was interested in a 2d/3d game tutorial , but on UE5 , i gess it's the same think then
Great video! Im starting to work with unreal and these videos are very helpful.
I always saw comments that unreal can't handle 2d, unity/godot/gms2 is better for 2d blah blah, today I saw that everyone was lying.
Thank you :D I'm glad the videos are being useful.
Yeah, it's true that Unreal isn't ideal for 2d, but you can make it work!
I'd rather have to use a few hacks here and there so I can use an engine I actually like.
Yoooo this is some cool stuff, and it's quite obvious that you've put a lotta effort into this. Are you planning on releasing the game? Cause I am very interested in playing it, but if not then I understand, anyways keep up the good work and I am really enjoying the channel!
Thank you so much!
For now this is mostly a project that allows me to do research and create content for UA-cam.
But yeah if things go well I'd love to turn this into a proper game, but the bottleneck is mostly that I'm not good enough at making pixel art yet and I don't really see it working with bought assets or hiring somebody.
@@CobraCode Best wishes man, hope it all goes well!
5:41 you can use a material function to kill the resolution and the antialiasing and get a pixelized look
Thank you.
Material nodes are definitely something I need to look more into to improve the visuals for this project further.
This technique seems like it could work really well used in conjunction with crocotile.
Yeah I definitely wanna give that a try and see how it turns out
Get my 12 hour course on how to make 2D games with Unreal Engine:
tinyurl.com/Ultimate2D
Another update on the cast shadow issue in UE5 Early Access.
I just tried it out with the production ready release of UE5 and this now seems to be resolved!
So all of this should now work in UE5 without any issues or having to do hacky things.
looks so good! wheres the environment assets from? The 3D buildings and such
Hey, it's this asset pack:
www.unrealengine.com/marketplace/en-US/product/stylized-medieval-village
First well knowb game in this style is Xenogears. Octopath continued that legacy.
Seeing how the whole envrionment is all PBR, is there a way to make the 2D charaters have PBR materials with normals for better light effects and emissive maps for nice bloom effects?
As far as I know there's a plugin for aseprite to generate normal maps for better edge lighting so I plan on giving that a try!
@@CobraCode looking forward to seeing that.
hello im having an issue with the camera placement on the second map i dont know how to connect it with the player start also thank you for the fast reply on the other comment
Is it possible to create different transition effects between stages in Unreal? There's a lot of content about this for Unity2D, but I haven't been able to find anything similar for the Unreal Engine.
Could you give me some guidance? Thanks! 😊
Hey, yeah it's not as common as it is in unity, but there is a way to do it.
I haven't had the chance to try it myself yet, but there's a great blog post showing how to make transitions through materials.
www.parallelcube.com/2017/10/11/transition-effects-using-materials-part-1/
Can we make a mix 2d-3d game with 2D map sprites and only 3D characters? Later I was building my map with 2D sprites and a invisible floor so the 3D character walk freely, but this is just a way to improvise by my point of view
Bro, great video, could u make one of these from Unity? It would be a great help! Congrats on the content
Thank you!
But I haven't touched Unity in about 4 years and don't plan on working with it in the near future, since I still have a lot of Unreal Engine project ideas.
There is a video from a Japanese game developer covering this topic in unity, which actually gave me the idea to make my video in the first place.
ua-cam.com/video/YGY6p-cnb08/v-deo.html
It doesn't seem to go into that much detail and you might have to turn on closed caption, but maybe it still has some useful information for you!
So out of curiosity, how do you deal with walls that might block the camera? Do you delete all the front walls and keep it strictly as a sidescroller? Or do you design the map in a way that the camera never gets blocked?
There's multiple ways you could handle that.
Yeah like you mentioned designing your levels so that doesn't happen in the first place is one approach.
Another one is to just let the spring arm do it's thing and move closer to the character if a wall would otherwise be blocking your view.
I think what they do in octopath traveler though is to make things between the camera and wall invisible in a radius so you can still see your character through walls and buildings.
@@CobraCode Thank you! I never put spring arms on my characters so I never realized it would automatically move closer, good to know!
Is there an updated video of this? I may be doing something wrong, but several components in this video are missing from modern Unreal.
Hey, thanks for pointing that out.
Yeah this video is pretty old and I haven't gotten around to making a remaster yet. It's on my (very long) TODO list though.
@@CobraCode Ah, I see. I tried looking for more recent ones but I can't find one from anybody, so I will eagerly await your new one!
I am just starting to follow this tutorial. I have UE 5.2 and the 2D side scroller is no longer available. Where can I get the exact same movement blueprints that you used as the default in this video? Thanks!
Hey, yeah and I also only looked at the template for reference.
I pretty much had a custom made solution for the movement.
It's not that easy of a setup process and you'll have to put some time into learning how to set it up.
I'd recommend you watch this video to learn how the enhanced input system works:
ua-cam.com/video/tKA4XFGAjx0/v-deo.html
And then you can apply that to the PaperZD video, since sadly the enhanced movement input made some parts of it outdated:
ua-cam.com/video/ogIyMrX_uws/v-deo.html
Guide lacks a lot of where the options are.
Thanks for pointing that out.
Yeah it's been more than a year and a half since I made this video and learned a lot since then.
I think it's time to remaster this one soon.
Hey man, got a question, basically i'm trying to add movement input on the y axis. Did you copy the same blueprint that was already there for the moveright input? I copied everything but changed the input to my w and a key. But it doesnt work... I printed on screen the input and it works just fine. 1, -1, etc. But it doesnt move... And no, my character blueprint is not locked. How did you do it? Is it because of the initial template?
Hey.
Yeah In this video I just kept the default input that was already there I think, so it's strange it isn't working out for you.
Between this video and the next dev log I implemented up/down movement as well as you can see here. ua-cam.com/video/en_FdMiUnCo/v-deo.html
This is what the blueprint ended up looking like for me.
blueprintue.com/blueprint/7zmat04k/
UpDownMovementMult should be set to something like 0.7 so you walk up and down slower than left and right.
CanMove returns false if you're attacking so you can't walk in that case.
@@CobraCode in the character movement, "restrict to plane" was checked
you just made a guardian heroes remake ;D
How would you go about having the sprite rotate facing the camera when it moves? So it won't have like a paper mario feeling to it
You can use billboarding for that.
In the material you can set it up so it will always face the camera on either all axis, or just the ones you decide
Hi there, thanks for the video. I followed your tutorial to the letter but I have an issue with the 2DSideScrollerCharacter when added to the Medieval_village map. It faces the wrong direction and I can't find a way to rotate the character 180degrees without breaking everything. It is silly I know but I'm kinda stuck :) Thanks for the help.
Edit to my last comment : Basically what I'm looking for is a way to drop the character with a specific orientation and have it keep it this orientation when playing rather than always initializing to 0, -90, 0
Hey.
Yeah the 2d Side Scroller Template isn't really built with allowing a different rotation in mind. It is created with the assumption that you always want to move your character ONLY on the x axis and you're supposed to build your map with that in mind.
It's actually not that hard to fix it though.
You need to get your actors rotation on beginplay and then use that as a basis when deciding the world direction on your AddMovementInput.
Here's a pastebin :D (I only kept the relevant parts and removed the whole thing of setting the isMovingRight boolean to make it easier to look at)
blueprintue.com/blueprint/7t3ro5cm/
@@CobraCode Thank you for taking the time to answer and help me, this means a lot. Your solution helped, it now works :)
@@fredc.2713 Awesome :D
Glad to hear it worked out!
Hi! How did you managed to make the paper 2D character move foward and backwards? From what I understand, it can only move sideways and it can't have that kind of movement
A Paper2D character also uses the Character Movement component just like a 3d character would, so it has the same capabilities.
It's just that the default settings are different to lock it to 2 Dimensions.
You need to add an input for up and down to your controls and then add something like this to your blueprint. UpDownMovementMult should be set to something like 0.7 so your character moves up/down slower than left/right.
blueprintue.com/blueprint/7zmat04k/
In the character movement component you need to remove the check mark from 'constraint to plain'.
There might also have been a few other settings you need to change that I don't quite remember.
@@CobraCode thanks!! I will try it, and I hope to continue seeing your development of this game. I too believe Unreal Engine could be a great engine to make 2D games, and I’ve just started programming one like this. Good luck on the project!
@@theobands8145 No problem and thank you!
The next video in this series will release next week :)
@@CobraCode Could you please show me what you put in the Can Move function? My character doesnt move on the y axis it's annoying me. Thanks!
@@willkamechehe1496 You can actually skip the part with canMove if it's not needed in your project.
All I do in CanMove is Return the result of
`!isStunned && !isAttacking`
All you really need is the InputAxis Event for MoveDown and MoveForward and then you connect the Axis Value float from that to Add Movement Input.
For MoveForward you need to have World Direction set to (1.0, 0.0, 0.0)
And for MoveDown you need it as (0.0, 1.0, 0.0)
Con añado la ciudad en 3d al proyecto, lo hice desde marketplace pero cuando abro de nuevo el pryecto no se reflega la ciudad
How were you able to import the files into UE5? I've been trying to drag and drop, opening files, and whatever else I could think of, but nothing was successful. I watched the 2d video, and the files you used don't have a PNG files either...
Hey, what kind of problems are you having?
A few people seem to have issues when dragging and dropping these pngs into the content drawer. What worked for most of them was to not drag and drop, but use the 'import' button in unreal engine instead or to take the pngs into an editing software such as paint or photoshop and export them as png again since it seems they might have some corruption UE doesn't know how to deal with.
I know this comment is on a year old video but I just wanted to ask if its possible to have the animation update if the player is moved along the y-axis (a forward anim for moving forward and a backwards anim for moving backward). Good tutorial though, I thought hd-2d was pulled off in the third person template.
Hey, yeah from a programming standpoint that is very easy to do.
The only problem is that you need to have the sprites and animations for that available which can be be very costly if you outsource your art. Also most free assets won't have these animations.
TMNT Shredders revenge for example has an extra animation for walking backward, but when walking forward it just uses the same animation as walking right.
Hey. I've been trying to make my character to move in all directions... I've tried following your replies to other comments, searching through multiple tutorials, and following my instict, but I just can't make it work, for some reason :(
Would you mind doing a short tutorial about how to make the 2d side scroller character to move in x and y? Please, it would be a great help, I'm stuck in a very important project :(
Hey!
I see you've already read the other comments where I posted a solution, so it's strange it's not working out.
If you send me a screenshot on discord maybe I can help:
discord.com/invite/sPbqxRrqr5
Or you could copy paste your setup in here and send me the link:
blueprintue.com/
I'm currently in the middle of making another big video, so can't really take a break from that one right now to slip this short one in :(
Hey! I'm completely new to UE and I was wondering how you gain access to be able to controll the 2D character again once you change map. When I changed map and put out the 2dSideScrollerCharacter and pressed "Play" all I could do was noclip around the map and I wasnt controlling the character. Thanks!
Hey!
I think your new map doesn't have a player start object, so the game doesn't know where to put your character.
You simply need to drag one out into your new map. Here's the official documentation.
docs.unrealengine.com/4.27/en-US/Basics/Actors/PlayerStart/
Another way you could do it is to create a custom game mode, set it as the default and then set your paper character as the default character to possess, but that gets a bit complicated and is hard to explain in a few sentences.
@@CobraCode Thanks for the quick reply! I managed to figure it out :) Thank you for the tutorial again!
@@rafaatrash Awesome :D I'm glad it worked out
Any chance you could give a tutorial on how to add occlusion to sprites? I'm trying to have it to where you see a the sprite behind a tree but it requires a material and when the material is placed over the unlit/lit mask material it changes the entire sprite to a wall
Hey, thanks for the suggestion.
That's something I currently don't have planned but once I make a full length RPG course something like that might be included.
just tried with Unreal Engine 5 and cast shadow seemed to be working pretty good
Oh that's awesome, is it the full production release that came out a couple of days ago?
I had the issue with the Early Access 2 version so maybe it is fixed now :D
I just made a fresh project in UE5 and it also worked out just fine!
So I think they resolved it going from EA2 to the production ready version!
Hey! just wondering is it possible to make a 3D world with 2d sprite multiplayer game?
I haven't tried it out, but I think it should work without any issues!
The 2D starter template actually has a node with Replicate Sprite on begin play, so I assume that is what should make it work.
would love to see an updated version in ue 5
Thanks for the suggestion.
Yeah I've been thinking about remaking this video in UE5 with all the knowledge I've gained since then.
But there are still a few things I wanna figure out until then... for example I have issues getting the depth of field just right and need to look more into that.
Also wanna find another asset pack to use to differentiate the video from this one.
Is it possible to add a walking direction (forward .back) to the current ones (Left, right)?
Yes, you'd use a multi-directional animation for that.
It's covered in the top down tutorial, but can also be applied in something like this.
ua-cam.com/video/z1RMDMKcROQ/v-deo.html
The village pack is a 2D pixel art pack, how does it become a 3D village in your tutorial?
I'm new to this style of game (in UE and in general), sorry for the newbie question :D
Hey!
Sorry, the one I linked in the description is just for the sprite barrels and background objects I used.
The actual 3D village is a paid asset: www.unrealengine.com/marketplace/en-US/product/stylized-medieval-village
@@CobraCode Ah ok, got it, thanks :)
Btw, in this video you are working with UE 4 right?
And do you work with UE 4 or 5 mostly in your tutorials?
@@EmiliaKaida Yeah for this video I was using UE 4.
At that point only the Early Access version of UE5 was out, but it had a bug with sprites not being able to cast shadows.
That was fixed with the full release of UE5 and I've been using UE5 for my games and tutorials since then.
@@CobraCode Thanks.
One major issue that I can't seem to crack. How do I use this for 2D in 3D BUT I have multiple walk animations L,R,U,D,Idle. Any thoughts on how to begin implementing this? currently trying to use different version for different movement types but currently i'm seeing no result.
Doing this without a plugin is doable, but can get quite messy.
PaperZD has a built in functionality for multi-directional animations and is a plugin that became free a couple of months ago, so you should probably check it out.
www.unrealengine.com/marketplace/en-US/product/paperzd
I'm currently also working on a tutorial for a top down character like you are describing, but it's still gonna be a month or two until it's ready.
@@CobraCode actually had a breakthrough last night using the PaperZD function, got it fully working. I appreciate the reply though!
@@CobraCode if you have any questions yourself on it hmu haha it can be a bit confusing how the multidirectional is integrated
If turning on "Cast Shadow" doesn't work, try to turn the engine scalability to "Epic"... It worked for me
hey, quick question but how do I make my sprites work when I extract the sprite because my sprites are higher resolution in 1920x1080. But when i extract it. The image comes out blurry and no detail is shown. It looks fine before i extract it.
Hey, sorry but I haven't worked with sprites that big before.
There might be some sort of upper limit that Unreal Enforces.
If your sprites are that big though maybe you also want to change the filter setting on the texture since 'nearest' might not look best at resolutions that high.
Do you know how to create ghost trails for paper 2D?
I'm still not at the point where I had to implement that, so I'm not absolutely sure.
I think the way you'd probably go about it is that you prepare a function that spawns sprite copies with your current active animation in the place your character is in. Then you call that in a subroutine by using Call Timer By function name every 0.x seconds.
reminds me a bit of RuneScape classic
Is it possible to do something with the same features in godot? If so where do I look?
I don't have any experience with godot but found this video which goes in a similar direction.
ua-cam.com/video/A7txKkBkgXg/v-deo.htmlsi=pUSa2oA-6XBuaNiR
I believe it's probably possible to achieve a similar style, but not quite the same level of graphical fidelity.
Hey Cobra, could you tell me what gpu you use to run UE5? I'm looking for a gpu that can run UE5 efficiently while I'm building and programming. Any advice?
Hey, I'm using the laptop version of the GTX 3080, but until recently I was using a 1080 TI on a desktop pc which also worked out pretty well.
The graphics card is important, but it's not everything. Having an SSD instead of an HDD and a lot of memory also helps a lot. I have 32 GB or RAM, but about 16 GB should also work pretty well.
Also about your question in the email.
You don't need to know any c++ to use Unreal Engine 5.
I might do some videos about c++ in the future, but so far everything on my channel is blueprints only and you can just follow along.
When I started using Unreal I already knew "regular" c++, but the way it works in Unreal is a bit different and I found it so annoying I mostly just stuck to blueprints. Recently I'm starting to give c++ a chance again, but you can do fine with UE for years without knowing any c++.
@@CobraCode Thanks so much! What could I do if I knew the C++ language? Could I do more or not really?
@@doomdyt There are certain specific things you can do ONLY in C++, but for most game genres you are fine just using blueprints.
However C++ will run faster and allow you to get more performance out of your game.
For example if you're making a platformer game or a simple shooter there aren't really that many computations going on so you can totally make a complete game like that in blueprints only.
If you are making a super complex real time strategy game though with thousands of units that constantly need to make computations to decide what to do that would most likely not be possible in blueprints due to the overhead.
We worked on a COD Zombies style VR shooter for 2 years and only used blueprints and the bottleneck for performance are actually the graphics and not the game logic. We could probably squeeze out a little bit more performance by converting some blueprint stuff that is often used to C++, but it wasn't really worth it for us.
@@CobraCode I see...Do you think C++ could be used for other softwares such as Unity to develop games due to the fact that I plan to create my android/ios games through that rather than UE5, or is C++ really just a while other language meant to be used for something else? Sorry about all the questions by the way...
@@doomdyt Unity uses C#, so if that's the path you wanna take you should probably learn that instead.
But there are many things that are similar between those 2 languages, so it definitely doesn't hurt to know some C++. Everything in blueprints is also based on C++ in the end, so knowing that will still be useful.
what did you use to change the color of the sprite
I just used aseprite and used indexed colors to change all of the pixels with the same color at once
what version of unreal engine did you use
For this video I used 4.26 since at the time they only had the early access version of UE5 which had a bug with sprite shadow casting.
Since the full release of UE this has been resolved though and I'm using 5.1 for my recent 2d/3d hybrid projects.
Did you use PaperZD for this?
Not for what you can see in this video, but I later on switched the project to PaperZD when building upon this foundation and turning it into a beat 'em up, which you can see in my devlog playlist
Is this the same thingd for the UE 5 ? I just find out that you used the UE 4 in this video
Yes it works in a very similar way. The reason I used UE4 was that UE5 was still in early access and there was a bug with cast shadows from flip books, but that has been fixed with the official release.
@@CobraCode oh ok so I can literally copy paste what you done here with the UE 5. Thanks for the response !
Sorry, but the shadow is only for Dynamic shadows, can sprite cast a static shadow?
That's actually a very good question.
I just assumed it did, but after opening up an ue 4.26 project right now it seems that static shadows are acting strange for sprites.
If you move a sprite after baking the lighting, it doesn't leave a shadow behind like 3d objects would 🤔
It does have an option though that you can check for 'static shadows' and it's enabled by default, so maybe it just shows up buggy in the editor but is fine for builds.
I'm not quite sure.
is there a way to add a movable camera?
Yeah you definitely can.
There is no need to have the camera attached to the character and through blueprints you can enable pretty much any behavior for the camera you could imagine.
@@CobraCode fairly new to unreal so I'm still learning the blueprints and what they can do. It's hard finding support for 2D things for it so I appreciate you! Keep up the great work! If you make a tutorial for a camera on a 2D sprite I'll be there haha
How would you be able to make the characters go in all directions
I have a tutorial on that: ua-cam.com/video/59hgD6q7j1k/v-deo.html
If you mean also make the sprite look like it's going up and down then it's close to how you'd implement a top down game, which I'll release a tutorial on in February
I've got a character that can move in 3d but I want it to only face left or right how do I do that?
Hey!
I assume you are working with Unreal Engine 5?
With UE4 when using the 2d SideScroller Template I think you'd have that behavior by default, so you could make a new project in UE4 and look at the nodes for reference.
This is the way I have it set up:
blueprintue.com/blueprint/704ot1u-/
You basically have to save your spawn rotation on begin play.
Then when you input movement to the left or right you need to save what direction you input last.
Then on tick you need to force the character to either rotate towards the spawn rotation or the opposite rotation!
@@CobraCode thank you very much, I was using a tick function aswell I thought there might be another way that's less taxing.
Is it possible to make a fully animated 2d character like cuphead for example also in a 3d world?
Yeah you certainly can if you have the fitting assets or artistic skill.
Paper 2D Isn't necessarily limited to pixel art!
@@CobraCode can you provide some examples of games that did this before?
what did you use fo recolor sprite??????????????????????????????????????????
Hey, I was using Aseprite.
may you please send link on where to change color of my sprite
Hey, you'll need to import the sprite sheet into an image editing software.
I recommend using Aseprite, however it costs about 10$ unless you build it from source yourself.
www.aseprite.org/
@@CobraCode ok thanks!
when i create the flipbook it just duplicated my frames in the folder? what did i do wrong?
You need to select multiple sprites at once to create a flipbook that animates
@@CobraCode That didnt work. I found out that didnt work bc i renamed the frames to organize them cleaner.
What i ended up doing is creating a blank flipbook. I opened the blank flipbook and manually added the keyframes and then imported the images per frame i needed. Thnx for your Help!
that looks like star ocean second story
Make it truly 3d. I want free roam. They made a dbz game back for ps1 in japan called something but it was tenkaichi in the doom engine. Imagine that, but the whole world is available with interactive destructive environments. With 2d sprites we could render UNBELIEVABLE AMOUNTS OF CONTENT A
Hey thanks for the suggestion :)
hi, can you help? i can't go up or down, i add InputAxis and for W is 1 and for S is -1, i connect i connect it with Add Movement Input and it doesn't work
Hey!
Two other viewers before you had a similar issue so I already had a pastebin prepared.
Between this video and the next dev log I implemented up/down movement as well as you can see here. ua-cam.com/video/en_FdMiUnCo/v-deo.html
This is what the blueprint ended up looking like for me.
blueprintue.com/blueprint/7zmat04k/
UpDownMovementMult should be set to something like 0.7 so you walk up and down slower than left and right.
CanMove returns false if you're attacking so you can't walk in that case.
Does this work out for you?
@@CobraCode although it changes my axis from 0 to -1 or 1, nothing is happening anyway, I don't want to go up or down, it looks as if moving up and down was turned off at all
@@seam9074 I think there is also a setting on the character movement to constrain your movement to disallow going up and down.
I'm not quite sure what it's called and don't have the editor open right now, but if you search for 'constrain' on the character movement or the actor itself it should show up.
and to jump? how can you replace the sprite?
Hey, not quite sure what you mean exactly.
But here's a tutorial on how to make a platformer which also shows how to use jump animation sprites:
ua-cam.com/video/g31NTpq9p-o/v-deo.html
I tried following this tutorial and like half of the steps i need are just not present? The material frequently jumps from one action to the like 3 ahead in the workflow without explaining how we got from point A to poine E. A more detailed tutorials with all the steps present would be a huge help because i was super excited i thought i had found a tutorial for what i needed.
Hey, can you elaborate on which steps are missing or what you are having trouble with?
Maybe I can help out :)
Sorry if some parts were hard to understand, I was still really new to making tutorials and didn't want to make a video that drags on for too long, so I made this one as more of a conceptual overview for intermediate users rather than a full on step by step guide.
Also are you using Unreal Engine 5 now? In that case there is no Paper 2D side scroller template anymore, so things are a bit harder to set up now.
@@CobraCode The first one happens at 1:33 ish, you jump from the flipbooks to an entierly new menu that i cant locate and am unsure how you got there. The second one is at 1:44 you open up the event graph and make a change in the workflow, but i dont even have a workflow to change. You may have shown how to set that workflow up in another video but mine is empty when i tried to follow this. I didnt watch any further because i already was unable to follow along. Idk maybe im just bad at UE5
@@shayd_shayd5256 Thanks for clarifying!
I see, so it's mostly an issue with my editing and having cut out the transitions between screens.
I assumed it would be self explanatory that it's the 2DSideScrollingCharacter Blueprint since you can see the name at the tab on the top right, but yeah not showing the transition makes it hard to follow along, sorry.
The second issue is related to the 2D Side Scroller Template having been removed with Unreal Engine 5, so the node doesn't exist in a blank blueprint.
Thanks for pointing out the issues, I'm still tied up working on a different video, but once that is done I'll make a similar tutorial to this but updated for Unreal Engine 5.
@@CobraCode Yeah i tried to create a blueprint for "2D side scrolling character" and it doesnt exist in my UE5 so im not sure what the issue is there. Maybe its just that UE5 changed a bunch of stuff. Again its a great video i just am having trouble following it.
How to find 2D side scroller template on UE5 ?
Sadly there is no 2D Side Scroller template anymore in UE5 😥
I actually made a tutorial on how you can make your own 2D game from scratch without relying on the template.
studio.ua-cam.com/users/videog31NTpq9p-o/edit
@@CobraCode Its so sad :( ,thanks for reply. I'll watch it.
The cast shadow part is not working for me. I tick the box and I followed all the previous parts but it never casts a shadow for the sprite.
What version of Unreal Engine are you on?
There was an issue with casting shadows on Early Access of 5.0, but everything should be fixed with the official release of 5.0 or later.
@@CobraCode Thank you! This fixed the problem. I was using EA5.0
@@warmfingy9244 Awesome :D
I don't have to use pixel art for this, right?
I personally have only done this with pixel art so far, but yeah you can use any sort of 2D art.
OUVIO for example is making a game in UE with beautiful hand drawn art.
ua-cam.com/video/qaqcYbKMruI/v-deo.html
i'm in 4.27.2 and cast shadow doesnt work :/
Oh that is strange. I'm not sure if I tried it with Unreal Engine 4.27. I think I made this video in 4.26 since that is the recommended one if you eventually want to update your project to UE5.
AFAIK upgrading from 4.27 to 5 does not work or causes more issues.
Creating the project directly in 5 also has this cast shadow issue. I actually made a forum post about this but nobody seems to care:
forums.unrealengine.com/t/paper2d-flipbooks-cast-shadow-doesnt-update-properly/264074/2
What works for me is to create a project in 4.26.
When upgrading the project from 4.26 to 5 and turning lumen on there is also no issue since I think it carries over the project settings instead of applying the default ue5 settings.
Edit: Yeah I was using 4.26 so that should also work for you and will also be better if you eventually want to upgrade to 5.0
@@CobraCode It was my bad! I didnt change the sun position so I could not see the shadows. I'd like to see a video of you explaining Paper 2D on the market place. Good video!
Paper Mario was first mixed 3d game methinks, though I'm probably wrong
Yeah, but paper mario is all just unlit sprites and fake shadows.
It's not making use of any lighting features and post processing AFAIK.
So I think that's what I was trying to say, sorry if it wasn't clear 🙇
@@CobraCode ye I gotcha
@CobraCode Can we do 8 ways ???
Yes and it becomes a lot easier if you use the PaperZD plugin
ua-cam.com/video/z1RMDMKcROQ/v-deo.html
@@CobraCode what's it have , any statemachine for 8 ways animation
lmao its the genshin map (the mondstad portion)
I was using this asset pack.
www.unrealengine.com/marketplace/en-US/product/stylized-medieval-village
Never played genshin, but yeah it seems like the map is highly inspired by that xD
Please, can you add subtitles on you videos?
Hmm I have enabled Closed Caption auto generated subtitles for all of my videos.
They should show up if you click the CC-button in the video controls bar at the bottom.
Or do you mean that you want hand-written subtitles?
I looked through a few videos and the auto-generated ones seem to be very accurate.
how to do this in unity
There's a japanese video about that which actually was part of the inspiration for me doing this.
The built in closed caption is probably decent enough to follow along!
ua-cam.com/video/YGY6p-cnb08/v-deo.html
@@CobraCode thanks
6:00
you skip explaining so many steps assuming everyone would already know how to do it its making it really frustrating to follow this tutorial. If you have the time, consider remaking this video...
Thanks for the feedback!
This was one of my first videos about 2 years ago and it wasn't really a tutorial, but rather just covering the concept.
I do plan to remake this, but it's probably gonna be covering the concept rather than a step by step tutorial.
I already have a tutorial for making 2D/3D hybrids like this in my Udemy Course.