HtmlAnimationたちをPromise.allで同時に起動する理由

async function setupInteractiveUI() {
  const planes = [
    new HtmlAnimation(),
    new HtmlAnimation2(),
    new HtmlAnimation3(),
    new HtmlAnimation4()
  ];

  await Promise.all(
    planes.map(plane => plane.start(camera, renderer.domElement))
  );

  planes[0].getMesh().position.set(0, -100, 0);
  planes[1].getMesh().position.set(0, 100, 0);
  planes[2].getMesh().position.set(300, 0, 0);
  planes[3].getMesh().position.set(-300, 0, 0);
}

紫色 = HTMLテンプレートをSVGに変換 → CanvasTexture更新。灰色部分は待ち時間 (Promise解決を待機)。