Skip to content

ySort

const ySort: LayerSortFn

Defined in: packages/renderer/src/ySort.ts:22

Built-in y-depth key: a container’s position.y becomes its paint order. Lower y renders first (behind); higher y renders on top — matches the classic top-down 2D depth rule, where a character “in front of” a tree (higher position.y) draws over it.

import { ySort } from "@yagejs/renderer";
// Depth-sort the auto-created default layer your entities already use —
// no per-component `layer` wiring needed.
class GameScene extends Scene {
readonly layers: readonly LayerDef[] = [
{ name: "default", order: 0, sort: ySort },
];
}