Lobo_Corp/playground-frontend
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Activity

Fixed problem if webgpu is not available and added alert to show the problem. Maybe somewhere in the future i will use toasts for this. #30

Merged
lobo merged 1 commits from bugfix/webgpu into main 2026-03-05 10:58:55 +01:00
Conversation 0 Commits 1 Files Changed 2 +14 -13
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 24c4dd3290 - Show all commits

8
src/app/pages/about/about.component.html
View File

@@ -101,10 +101,10 @@
}
</div>
@if(entry.key !== xpKeys.at(xpKeys.length-1)?.key)
{
<mat-divider></mat-divider>
}
@if(entry.key !== xpKeys.at(xpKeys.length-1)?.key)
{
<mat-divider></mat-divider>
}
}
</div>
</mat-card>

19
src/app/shared/components/render-canvas/babylon-canvas.component.ts
View File

@@ -52,19 +52,16 @@ export class BabylonCanvas implements AfterViewInit, OnDestroy {
window.removeEventListener('resize', this.resizeHandler);
const canvas = this.canvasRef?.nativeElement;
if (canvas) {
canvas.removeEventListener('wheel', this.wheelHandler);
}
canvas?.removeEventListener('wheel', this.wheelHandler);
if (this.engine) {
this.engine.dispose();
}
this.engine?.dispose();
}
private async initBabylon(): Promise<void> {
const canvas = this.canvasRef.nativeElement;
this.engine = new WebGPUEngine(canvas);
await this.engine.initAsync().then(() => {
const tmpEngine = new WebGPUEngine(canvas);
await tmpEngine.initAsync().then(() => {
this.engine = tmpEngine;
this.scene = new Scene(this.engine);
this.setupCamera(canvas);
this.addListener(canvas);
@@ -75,7 +72,11 @@ export class BabylonCanvas implements AfterViewInit, OnDestroy {
engine: this.engine
});
this.addRenderLoop(canvas);
});
})
.catch(() => {
alert("WebGPU could not be started. Please check your browser if it supports WebGPU.");
this.engine = null!;
});
}
private addListener(canvas: HTMLCanvasElement) {