GODOT TUTORIAL: Using a NinePatchRect to create flexible, reusable backgrounds @DrewConley
GODOT TUTORIAL: Using a NinePatchRect to create flexible, reusable backgrounds  @DrewConley
Uploaded August 2020 | Updated September 2026, 1 hour ago
In this video, we use a NinePatchRect in Godot 3.2 to create a flexible, stylized background that can be used for UI in your games. We talk through the creation of the art asset, setting up a NinePatchRect node, and save our work as a dedicated Scene that can be instanced in other parts of our projects.

*** Links ***

Sample asset to use:
assets.codepen.io/21542/DemoUiBackgroundNineRect.png

Godot NinePatchRect docs:
docs.godotengine.org/en/3.2/classes/class_ninepatchrect.html

Aseprite:
aseprite.org

💬 Join our Discord community of people making video games:
discord.gg/umD2GRy

🎨 Get a free RPG Sprite Pack by joining our newsletter:
newsletter.gamedevshift.com

Twitter:
twitter.com/drewconley13
GODOT TUTORIAL: Using a NinePatchRect to create flexible, reusable backgroundsPizza RPG Part 10 - Typewriters & Scene TransitionsLocal Overrides in Chrome Dev ToolsGodot Engine 3.2 for people who know JavaScript - Beginner tutorial (Game Setup, Nodes, GDScript)The Danger Crew Battle Demo walkthroughStory Progress! Pizza RPG Ep. 13Status Effects - Pizza RPG Battles Pt. 3Finishing the Battle! Pizza Battle RPG Pt. 8GODOT TUTORIAL #4: Collisions, Export inspector variables, Top Down layering (for beginners)GPT-4 creates Mario jump #shortsPizza RPG Part 9 - Expanded Cutscene behaviors!Saving game progress - Pizza RPG Ep. 15
Drew Conley |

GODOT TUTORIAL: Using a NinePatchRect to create flexible, reusable backgrounds

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER