BabylonJS Canvas 在 Angular 6 中为空白

Question

我正在尝试运行 Angular 6 应用程序中的 BabyonJS 场景，但 canvas 完全空白。 BabylonJS 加载没有错误，canvas 显示 BabylonJS 加载动画；但是，一旦加载，canvas 就完全空白了。其实canvas是透明的

我只是想运行这个 BabylonJS demo code in Angular. I get the same result for other demos as well. I recreated this problem in a StackBlitz Angular app: https://stackblitz.com/edit/angular-brhjyz

相关信息：

场景是在 canvas 加载后使用 Angular 的 AfterViewInit 创建的。 canvas 被 ViewChild 引用以避免操纵 DOM.

Answer 1

遗憾的是你搬到了 Three.js，但只是为了解释什么不起作用：

您缺少渲染循环：

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

添加它会开始渲染你的场景。

BabylonJS Canvas is Blank in Angular 6