多合成播放

场景

有时候我们需要使用同一个 Player 在同一个 Canvas 上播放多个合成，以保证播放的连贯性。

如示例：点击交互 >>

也就是说，在这种场景下，我们需要使用同一个 Player 播放二个合成动画。

播放

let popScene;

player.loadScene([
  { url: 'https://mdn.alipayobjects.com/mars/afts/file/A*Va1QRId8Vs0AAAAAAAAAAAAADlB4AQ' },
  {
    url: 'https://gw.alipayobjects.com/os/gltf-asset/mars-cli/GPWMSPWHOIOO/-545104665-90021.json',
    options: { 
      // 此场景是触发时再播放，故此合成的自动播放关闭
      autoplay: false,
      // 此场景需要重复播放，即播放完成后需保留贴图资源
      reusable: true,
    },
  },
]).then(([_, scene]) => {
  popScene = scene;
});

function handleClick () {
  popScene?.gotoAndPlay(0);
}