Rengine / docsProject documentation

Reference

Renderer Abstraction

Look up syntax, contracts, layouts, algorithms, and exact behavior.

Rengine separates render functions from entity state. A box renderer can target canvas by drawing into a 2D context, or target React by returning absolutely positioned elements with computed transform styles.

The canvas path also supports transformation-point rendering. Blue, red, and relationship markers expose the distinction between entity position, anchor, and anchor-to-position offset, which is essential when debugging nested transforms.

  • Canvas rendering uses translate, rotate, and fillRect against the current entity transform.
  • React rendering converts the same transform data into CSS position, scale, and rotation.
  • Texture rendering is implemented for the React path as an image renderer.
  • Wireframe/debug overlays expose the renderer's transform basis.