Update rendering settings and remove WebGL check in ViewportCanvas

src/rendering/advanced-rendering.ts

@@ -93,7 +93,10 @@ export function createAdvancedRenderingComposer(
   camera: PerspectiveCamera,
   settings: AdvancedRenderingSettings
 ): EffectComposer {
+  const requiresDepthBuffer = settings.ambientOcclusion.enabled || settings.depthOfField.enabled;
   const composer = new EffectComposer(renderer, {
+    depthBuffer: requiresDepthBuffer,
+    stencilBuffer: false,
     multisampling: 0,
     frameBufferType: renderer.capabilities.isWebGL2 ? HalfFloatType : UnsignedByteType
   });

src/viewport-three/ViewportCanvas.tsx

@@ -98,17 +98,6 @@ export function ViewportCanvas({
       return;
     }
 
-    const testCanvas = document.createElement("canvas");
-    const hasWebGl =
-      testCanvas.getContext("webgl2") !== null ||
-      testCanvas.getContext("webgl") !== null ||
-      testCanvas.getContext("experimental-webgl") !== null;
-
-    if (!hasWebGl) {
-      setViewportMessage("WebGL is unavailable in this browser environment. The viewport shell is visible, but rendering is disabled.");
-      return;
-    }
-
     try {
       const viewportHost = new ViewportHost();
       hostRef.current = viewportHost;

src/viewport-three/viewport-host.ts

@@ -708,6 +708,7 @@ export class ViewportHost {
     this.boxCreatePreviewMesh.material.dispose();
     this.boxCreatePreviewEdges.geometry.dispose();
     this.boxCreatePreviewEdges.material.dispose();
+    this.renderer.forceContextLoss();
     this.renderer.dispose();
 
     if (this.container !== null && this.container.contains(this.renderer.domElement)) {