Introduction
  • Configuring the Window Size and Stretch for Responsive Mobile UI
Configuring the Root Node
  • Control Nodes need CanvasLayer as Parent for Anchors to work properly
Positioning and Sizing Control Nodes
  • Anchors, Margin Container and Texture Rectangle Stretch Types
  • Containers, Container Sizing, Spacers and Containers Inside Containers
Click Animation, Pivot Offsets and Sliding In/Out of Screen Animation
  • Animating Control Nodes that are children of Containers using Tweens in Scripts
  • Setting up Pivot Offsets in Late Ready to ensure Centered Scale Animations
  • Sliding a Panel In and Out of Screen using Tweens in Scripts
  • Illusion of Sliding Many Panels Using a Tween Animation
Full Screen Shader Effects and Transition Animations
  • Update Shaders to Godot 4: Blur, Glitch, VHS, Distortion, Pixelate and Shine
  • Saw, Burn Dissolve and Simple Circle Transitions Using Colored Rect Shaders