UI

Abhishek Smith

Abhishek Smith

Building Outscal | Land Jobs in the gaming industry | EA, Epic Games, TCS, | CMU, IIT K

Canvas Management

  • RenderMode: Control how your UI renders
  • PixelPerfect: Crisp UI on all resolutions
  • CanvasGroup: Master control for alpha, interaction, and raycasts
  • SortingOrder: Layer management for multiple canvases

RectTransform

  • AnchoredPosition: Precise positioning relative to anchors
  • Anchors & Offsets: Responsive layout control
  • SizeDelta: Size management relative to anchors
  • Pivot: Rotation and scaling reference point

TextMeshPro

  • Rich Text Support
  • Font Style & Size Control
  • Dynamic Text Alignment
  • Color & Material Control

Visual Elements

  • RawImage: Direct texture display
  • Image: Sprite-based visuals with fill controls
  • Color Tinting: Visual state management
  • UV Rect: Texture mapping control

Interactive Elements

  • Button: Click events and state management
  • Slider: Value range controls
  • Toggle: Boolean state management
  • InputField: Text input handling
  • Dropdown: Option selection management

ScrollRect Control

  • Vertical/Horizontal scrolling: Enable scrolling in either direction
  • Normalized position control: Programmatic scroll position (0-1)
  • Viewport & Content Management: Control over scrollable area
  • Scroll Sensitivity & Inertia: Fine-tune scrolling behavior.

Event System

  • Navigation Control
  • Pointer and Touch Detection
  • Raycast Management
  • Module Updates

Pro Tips:

  • Use CanvasGroups for smooth UI transitions
  • Anchor presets for quick responsive layouts
  • Cache references to frequently accessed components
  • Use Layout Groups for dynamic content

Common Pitfalls:

  • Incorrect anchor setup leading to broken layouts
  • Forgetting to set Canvas Camera in World Space mode
  • Not handling different screen resolutions
  • Heavy operations in UI event callbacks
  • Missing references in prefab variants

Show More