Compositor

Since version 1.9.5 Gameface supports a new CSS property: coh-composition-id. This property allows for completely detaching the element from the default rendering flow and letting the user handle the drawing of the element. This feature is intended for achieving “real 3D” effects with the UI by taking the transformation data that the SDK provides and composing elements at any world position and orientation, not just on the UI plane.

For a workflow-oriented Compositor companion covering the frontend/engine split and transform handling, see the workflow guide’s Compositor article.

For sample walkthroughs that place UI into the world or style it as part of the scene, see Adding a UI into the world and the Hologram UI tutorial. These examples are useful for presentation ideas around scene-integrated UI, but they are not compositor-specific guides.

The Compositor feature is fully implemented in the Gameface Unity3D integration and to utilize it you can follow the additional information shared in the Engine Compositor documentation.

Caution

In order to allow 3D transforms on the composited element, you must specify the transform-style: preserve-3d; style on the element’s parent. If that style is not specified, the transform will be flattened to a 2D plane and you won’t get the desired effect.