Head occlusion

Code

<a-scene background="color: gray" embedded nav-mesh-strategy>
    <!-- Environment -->
    <a-entity gltf-model="url(../assets/navmesh.glb)" nav-mesh></a-entity>

    <!-- Camera rig -->
    <a-entity id="rig" gravity>
        <a-camera id="camera" nav-mesh-constrained="offset: 0 1.6 0">
            <al-head-occlusion-fade objects="[nav-mesh]"></al-head-occlusion-fade>
        </a-camera>

        <!-- Hands -->
        <a-entity hand-controls="hand: left" smooth-locomotion="target: #rig; reference: #camera"></a-entity>
        <a-entity hand-controls="hand: right" snap-turn="target: #rig; reference: #camera"></a-entity>
    </a-entity>
</a-scene>

See Also

• <al-head-occlusion-fade> primitive