# UI module architecture

This chapter mainly introduces the general structure and operation mechanism of the two-dimensional system.

# Architecture and operating mechanism

# Overall architecture diagram

framework

# Rendering order

In the same two-dimensional world, define the rendering order of each rendering element according to the order of depth-first traversal

# Run the update

Engine main loop RectTransform layout update-component system life cycle-matrix update-2D rendering pipeline update (rendering component preRender-building client components-preparing rendering queue)-client rendering ( Automatic batching-rendering)

# Two-dimensional rendering component architecture diagram

frameworkrender

  • SDF is not currently supported

# Two-dimensional rendering dirty logic

frameworkrender

# 2D rendering update process

frameworkrender