Documentation / @ripl/vue-3d / RiplScene

Variable: RiplScene

const RiplScene: RiplComponent<RiplSceneProps, Scene<Context<Element, Record<string, unknown>>>>

Defined in: vue/src/components/scene.ts:93

Creates a scene bound to the enclosing context and parents its subtree to it.

A scene hoists the element tree into a flat instruction stream, so it is what makes z-ordering, group clipping and large graphs efficient. State props set here cascade to every descendant that does not set its own — <ripl-scene fill="#333"> gives the whole tree a default fill.

Example

<ripl-context>
    <ripl-scene fill="#333">
        <ripl-circle :cx="50" :cy="50" :radius="20"/>
    </ripl-scene>
</ripl-context>