Core Components
Group
This is almost identical to an
<Object3D>. Its purpose is to make working with groups of objects syntactically clearer.
Example
<script>
import { Group, GLTF } from 'threlte'
</script>
<Group position={{ x: 5 }}>
<GLTF url={'/models/modelA.glb'} />
<GLTF url={'/models/modelB.glb'} />
</Group>
Properties
// optional
position: Position | undefined = undefined
scale: Scale | undefined = undefined
rotation: Rotation | undefined = undefined
lookAt: LookAt | undefined = undefined
viewportAware: boolean = false
castShadow: boolean | undefined = undefined
receiveShadow: boolean | undefined = undefined
frustumCulled: boolean | undefined = undefined
renderOrder: number | undefined = undefined
visible: boolean | undefined = undefined
Bindings
inViewport: boolean
group: THREE.Group
Events
viewportenter: undefined
viewportleave: undefined