Multiple Face effects in editor share the same expression

🧑‍💻 Technical Support
,
1

Hi, I’m using this template Face Effects to create multiple face-meshes and the positions of the anchors are correct, but all face meshes share the same expression and are deformed like if they were trying to adjust as if they were the same.

For example, one person opens it’s mouth and all three meshes do the same even if the other two keep their mouths closed.

In this photo one has the mouth open but both have the mouth closed and curved, and the meshes are in the same angle.

my-capture-173740
my-capture-173740393×659 41.9 KB

<a-scene
  landing-page
  xrextras-loading
  xrextras-runtime-error
  xrextras-pause-on-hidden
  renderer="maxCanvasWidth: 960; maxCanvasHeight: 960"
  xrface="mirroredDisplay: true; maxDetections: 3; meshGeometry: eyes, face, mouth; cameraDirection: front; allowedDevices: any;">

  <a-assets>
    <a-asset-item id="head-occluder" src="./assets/Models/head-occluder.glb"></a-asset-item>
    <a-asset-item id="glasses" src="./assets/Models/stereo-glasses.glb"></a-asset-item>
  </a-assets>

  <xrextras-resource id="tat-t" src="./assets/Textures/8-tat.png"></xrextras-resource>
  <xrextras-resource id="alpha" src="./assets/Alpha/soft-eyes-mouth.png"></xrextras-resource>
  <xrextras-resource id="alpha-alpha" src="./assets/Alpha/soft.png"></xrextras-resource>
  <xrextras-basic-material
    id="tattoo1"
    tex="#alpha"
    alpha="#alpha-alpha"
    opacity="0.5"></xrextras-basic-material>

  <xrextras-basic-material
    id="tattoo2"
    tex="#alpha"
    alpha="#alpha-alpha"
    opacity="0.5"></xrextras-basic-material>
  
  <xrextras-basic-material
    id="tattoo3"
    tex="#alpha"
    alpha="#alpha-alpha"
    opacity="0.5"></xrextras-basic-material>

  <xrextras-capture-button></xrextras-capture-button>
  <xrextras-capture-preview></xrextras-capture-preview>

  <a-camera
    look-controls="enabled: false"
    wasd-controls="enabled: false"
    position="0 1.6 0"></a-camera>

  <!-- First face -->
  <xrextras-faceanchor face-id="1">
    <a-entity gltf-model="#head-occluder" position="0 0 0.02" xrextras-hider-material></a-entity>
    <xrextras-face-mesh material-resource="#tattoo1"></xrextras-face-mesh>
  </xrextras-faceanchor>

  <!-- Second face -->
  <xrextras-faceanchor face-id="2">
    <a-entity gltf-model="#head-occluder" position="0 0 0.02" xrextras-hider-material></a-entity>
    <xrextras-face-mesh material-resource="#tattoo2"></xrextras-face-mesh>
  </xrextras-faceanchor>

  <!-- Third face -->
  <xrextras-faceanchor face-id=3>
    <a-entity gltf-model="#head-occluder" position="0 0 0.02" xrextras-hider-material></a-entity>
    <xrextras-face-mesh material-resource="#tattoo3"></xrextras-face-mesh>
  </xrextras-faceanchor>

  <a-light type="directional" position="0 1.8 3" intensity="0.8"></a-light>
  <a-light type="ambient" intensity="0.8"></a-light>
</a-scene>

What I’m missing?