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.