Холст BabylonJS пустой в угловом 6

Question

Я пытаюсь запустить сцену BabyonJS в приложении Angular 6, и холст полностью пустой. BabylonJS загружается без ошибок, и холст показывает анимацию загрузки BabylonJS;однако после загрузки холст становится полностью пустым. На самом деле холст прозрачный.

Я просто пытаюсь запустить этот демонстрационный код BabylonJS на Angular. Я получаю такой же результат и для других демонстраций. Я воссоздал эту проблему в приложении StackBlitz Angular: https://stackblitz.com/edit/angular-brhjyz

Соответствующая информация:

Сцена создается после загрузки холста с использованием Angular AfterViewInit. На холст ссылается ViewChild, чтобы избежать манипулирования DOM.

Answer 1

К сожалению, вы перешли на Three.js, но просто чтобы объяснить, что не сработало:

https://stackblitz.com/edit/angular-cnxqym

Вы пропустили цикл рендеринга:

    this.engine.runRenderLoop(() => {
        this.scene.render();
    });

Добавление того, что начало рендеринга вашей сцены.