Skip to content
ExtendedSource checked

Tiled Rendering

Divides the screen into tiles so each tile can process only nearby or relevant lights.

Quick Facts

Compact metadata for implementation and discovery.

Category
Rendering
Difficulty
Advanced
Family
GPU Rendering Optimization
Tier
Extended
Status
Verified
Review
Source Checked
Sources
1
Formulas
0
Relationships
3
Code example
Ready
Visualization
Ready

Overview

Tiled Rendering builds per-tile light lists, reducing shading work when many lights affect only small screen regions.

Core Concepts

screen tilinglight cullingper-tile listGPU parallelism

Quick facts

Complexity

Runtime and memory behavior at a glance.

Best

O(tiles + lights)

Average

O(tiles * lights + shaded pixels)

Worst

O(tiles * lights + shaded pixels)

Space

O(tile light lists)

When to Use

  • Use when many small lights affect different parts of the screen.
  • Use when many-light real-time scenes is a central requirement.

When Not to Use

  • Avoid when light counts are low enough that simple forward shading is cheaper.
  • Avoid when the renderer cannot provide the buffers, samples, or lighting data the technique needs.

What It Does

  • Splits the screen into tiles
  • Assigns lights to affected tiles
  • Shades pixels using each tile's light list

Use Cases

  • Many-light real-time scenes
  • Forward-plus rendering
  • GPU light culling

Inputs

  • Screen tiles
  • Light bounds
  • Depth range

Outputs

  • Per-tile light lists
  • Rendered frame

Pseudocode

  1. 1.Partition the screen into tiles
  2. 2.Compute depth or bounds per tile
  3. 3.Test each light against tiles
  4. 4.Store matching lights per tile
  5. 5.Shade each pixel with its tile's lights

Canonical Example

Input
screen = 16x16 tiles, lights = 200
Output
tile light list = nearby lights only
Explanation
Pixels shade against a shorter light list than the full scene list.

Implementation Notes

  • Profile several tile sizes instead of assuming one default fits all scenes.
  • Debug with simple geometry, known lights, and visualized intermediate buffers.
  • Keep a tiny example with expected output beside the implementation.

Common Pitfalls

  • Large tiles can include too many irrelevant lights.
  • Coordinate-space mismatches often cause artifacts that look like math errors.
  • Not defining boundary, empty, or degenerate inputs before implementation.

Interactive Mechanism Walkthrough

Spatial Primitive & Sweep-Line Canvas

Show screen tiles with compact light lists attached to each tile.

Tiled Rendering mechanism walkthrough step 1 of 5
Step 1 of 5: Partition the screen into tiles
rendering-pipeline

Notes

Tile size affects both culling accuracy and overhead.

Sources (1)

What each reference supports for this entry.

Olsson and Assarsson 2011

Paper

Paper describing tiled shading as a real-time rendering technique.

Open source

Explore Next

Good next jumps from the relationship graph, ranked for useful discovery.

Conceptual neighborClustered Shading

Both divide the screen or view volume to manage lights efficiently.

Often paired withDeferred Shading

Tiled light assignment is often used with deferred shading.

Tags

GraphicsShadingScreen-SpaceOptimization