HD-2D Style in Godot 4.1

In this video, I'll go through how to implement some of the key elements from the Octopath Traveler style in Godot 4.1. These concepts can also be generalized for 3D or 2.5D games.

☕ Download the source code on Ko-Fi

🕛 Time Stamp
1:30 Pixel Art Player
5:35 Level Design Elements
8:54 Light, Shadow and World Environment
10:14 Bloom Settings
10:28 Depth of Field Settings
10:56 Vignette
11:20 God Rays

🗑️ Pastebin

🛒Amazon Affiliate Links
If you feel like shopping and supporting me, here are some of my essential buys

🏅🏅Attributions🏅🏅
Assets Used

Music

[kplays_]

Some tips for people following this:

- The player animation should have both feet on the ground between each step, or should not show that frame at all whilst walking
- Maybe slow the player down a little - he seems to be walking a little too fast for it to look right in a larger scale project
- Move the camera up a little - whilst your player should be the centre of attention, you should still be able to see what's in front of him

Great tutorial!

[bryansmith]

I love your videos on HD2D! I appreciate how you walk through an entire scene, not just one aspect of the scene. It allows me to understand exactly how you went from scratch to the final product!

[Casseous]

I advise beginners to not use this tutorial as it does gloss over some finer details on creating this from scratch. Otherwise, it's a good tutorial for more seasoned devs.

[Gatitasecsii]

This has helped me kickstart my project so much!! I thank you from the bottom of my heart!

[angryybot]

You can simply mark the UV as triplanar instead of setting its coordinates to 3, 2, 1.
the checkbox for this is right below the UV scale and offset

[JenerikEt]

I've literally been dreading porting my hd-2d unity game over someday and this just drops on my timeline randomly you absolute legend

[ShadowOverflow]

Your content is amazing! Your editing, speed, and style is top notch!

Thank you for all of the effort you put in.

[yusarimahubara]

Dude wtf, this is top notch quality tutorial, keep going bro!

[bluzenkk]

Suggestion:
add a normal map on the 2D sprite so it react with the light dynamically.

[tpfyspc]

Thank you very much for your tutorial, I have been looking for it and I had given up on this type of 2D to 3D format and it came out recommended, keep it up (if by chance you see spelling errors or misspelled words, I used a translator.).

[SaharatOfficial]

Instead of incremental turns, the easiest method for turning is just if Input.is_action_pressed: "move_left" rotation.y += 1 x delta. (-= if your going right.)

[revidev]

Awesome!🎉 . I'm eager to see combat mechanics from your game. Keep the good work!

[AsatteGames]

This really helped me a lot! Thank you for the video :)

[KevinNijmeijer]

Claiming HD-2D doesn't work on web is completely false, it's the shaders that you use in the scene that don't work. HD-2D as a visual style can 100% work on Web / mobile.

[meteorogames]

This is exactly what I was looking for, thank you sir!

[TEDDeng]

Really learned a lot from this video, much appreciate.

[Vercidium]

I love this pixel-art HD style! Do you have a Twitter or Discord where we can talk about game dev?

[ebooooooy]

This is fire, I've been looking for a HD-2D Style tutorial on Godot but almost all videos teach it on UE5. Do more videos about HD-2D Style and can you explain everything step by step. I'm a total beginner.

[RottenClockwork]

3:57 what value does "facing" represent?

[quesia]

PLSSSS PART 2 WE WILL ALL SUPPORT YOU PLSSSS 😭😭😭🙏🙏