Best Sprite Sheet workflow in Unreal Engine - Paper 2D Tutorial

[@-TOLINSKI]

Graet explanation! After you metioned it in the course I had to learn it myself. Splitting each character's spreadsheet manually each time was a pain in the avv.

[@Hueventure]

This helped one of my projects immensely. Appreciate it

[@thelookingcat]

I remember this part from the course!

[@Snow-rk4el]

This video is perfect, it gives you all the info you need and a short concise way! This has solved one of the biggest pain points when developing with sprites! Thank you so much for this video!

[@CobraCode]

Thank you for the kind words :) Yeah it did the same for me and I was super surprised when I stumbled up on this cause I never heard anybody talk about this.

[@elitetechworks]

Best 2.5 D Tutorial On YT Keep Them Coming Thx For Sharing

[@brandonjacksoon]

Thanks mate! Always best tutorials!

[@maan_69]

This video is a HUGE help!! thanks bruh

[@CobraCode]

You're welcome :) Yeah I was really surprised nobody ever talked about this when I stumbled up on it. It's such a time saver.

[@Zahardnik3]

Thanks!

[@CobraCode]

:D Thank you for the support

[@alxdrksoul]

Actually I need to also import the png file, otherwise I'm getting an error whether I drag and drop or I use the import button for the json file 😅 so if someone is having a problem importing the sprites, also include the png file along with json.

[@CobraCode]

Thanks for sharing this! Wasn't aware that is the case for some people, since for me I get an error if I DO include the png.

[@firepro20]

Great video! I am trying to understand the last part, why do you use texture packer? Is it an alternative method to achieve the same result?

[@CobraCode]

Hey, it's just an alternative solution some people use. I personally prefer doing it the aseprite way.

[@tesadakms]

고마워 덕분에 3시간동안 힘들게 고생한걸 4분만에 해결했어!

[@KenLinx]

Hey man, I find your content very informative. Can you make a tutorial on how to make a mesh fade into transparency when it comes between the player actor and the camera?

[@CobraCode]

Thank you and also thanks for the suggestion! But I think doing that as a stand-alone video is a bit too generic of a topic for me to cover. Might be something I have to look into once I make longer tutorials about 2D Top Down games though.

[@KenLinx]

@@CobraCode Thanks. Looking forward to it!

[@hnqca]

It would be very interesting to have a video that teaches how to create sprite effects that break, for instance, when the player jumps on top of a box, causing its pieces to fall to the ground.

[@CobraCode]

Thanks for the suggestion. Yeah that's something I should look into.

[@thelookingcat]

When creating the flipbooks in Texture Packer, do the sprites have to be aligned or is it automatic?

[@CobraCode]

They'll have to be aligned properly for texture packer as well. So far I haven't found any automatic solution.

[@thelookingcat]

@@CobraCode RIP any tips on alignment? I'm trying to align Sonic Advance's idle but I'm not precise enough.

[@CobraCode]

@@thelookingcat I'm also not great with that kind of stuff and kinda just wing it. I usually just bring the entire spritesheet into aseprite, open up another file with an empty canvas and then just copy and paste the sprites in one by one and try to align them manually. It's a long and annoying process, but that way I can create tags for the different animations and also just export everything as json so I can update it in UE like you can see in this video

[@lauluis1mii124]

Hey I have a question does this also work for paperZD?

[@CobraCode]

Yes, for that part there is no difference between Paper 2D and PaperZD

[@glenrose7482]

With aseprite how would you do this to import the diffusion and normal maps together automagically?

[@CobraCode]

Hey, if you use the json method it works just the same way it usually does! In the folder where you have the json and your exported sprite sheet just make sure the normal map sprite sheet is also in the same folder and add _N.png at the end. That way if you drag in the json it will also automatically pull in the normal map automatically :D

[@glenrose7482]

@@CobraCode Awesome, I was hoping that would be the case. Thank you for letting me know!

[@Psuwis]

Please create another 2D TOP DOWN video using PaperZD. Please! I would like to learn how to add a custom map, NPCs and other common features. A part 2 of your most popular video ❤

[@CobraCode]

Hey thanks for the suggestion. Top Down is definitely something I do wanna follow up on, however I'm still not quite sure what asset pack to use and what exactly to cover. I might go a slightly different route and do a top down zelda style game next time, but not sure yet.

[@archiep9162]

10/sprites

[@Whetzell]

Will this work for normals too?

[@CobraCode]

Yeah you just have to have the normal map in the same folder as your json and give it the _n suffix and it will automatically pick up on it!

[@dimared8844]

By default, a pivot point of the flipbook is located in the center. In the Aseprite i can set the position of the pivot point using the slice tool. But in the Unreal Engine, this has no effect!

[@CobraCode]

When you double click a sprite asset in Unreal Engine you can set the pivot to custom and manually change it. But yeah I don't think there's a way to transfer the info you set about pivot points from aseprite through the json. Both aseprite and unreal engine can be extended through custom code though, so I'm pretty sure you could rewrite the aseprite exporter to include that info and also rewrite the unreal engine importer to use that info as well.... A lot of work though😅

[@dimared8844]

@@CobraCode I found some solution. We need to open the json file and use the "find and replace" command to replace all the lines "duration": 100 (since the Unreal Engine does not use this parameter) with the line "pivot": {"x": 0.5, "y": 1.0} (if we want the Pivot Point at the BottomCenter).Also we can just add this line at the end of the parameters of each frame, but it will take a long time. I wonder if anyone needs it except me)))

[@WeirdGoat]

If you hire a artist to make all your sprites, this will save your tons of time. Thanks a lot.

[@shadowgame0630]

Unreal won't let me import .paper2dsprite file type

[@CobraCode]

Hey, not quite sure what's going on there, since it should work out of the box. Did you also try using the 'import' button on the top left of the content drawer instead of dragging and dropping?

[@ComfortZoneComic]

Oh wow I use aseprite....hmm

[@CobraCode]

Get my 12 hour course on how to make 2D games with Unreal Engine: tinyurl.com/Ultimate2D

[@Zahardnik3]

This is a great course. Please make more!

[@CobraCode]

Thank you :D Actually just released my second course this month! tinyurl.com/2DActionPlatformer @@Zahardnik3

[@bleuchot]

Hey all! I'm new to this and I fail to see why someone would use Texture Packer if you have to input the sprite sheet in it (probably created in Aseprite). The workflow from Aseprite to UE flipbook doesn't seem too cumbersome in the first place. What is the added value gained by using Texture Packer? Thanks in advance!

[@CobraCode]

Hey, if you're using the aseprite method there isn't really a need to use texture packer. I only showed that as an alternative method. I also much prefer the way it works with aseprite.