From 13a6e3df83e2de0ac7140340cdef4a2ad7c6ec04 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 26 May 2026 21:50:07 +0800
Subject: [PATCH] fix: remove black edges from world splats

---
 components/canvas/world3d/World3DViewer.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/canvas/world3d/World3DViewer.tsx b/components/canvas/world3d/World3DViewer.tsx
index b924ddd2e..706399b0b 100644
--- a/components/canvas/world3d/World3DViewer.tsx
+++ b/components/canvas/world3d/World3DViewer.tsx
@@ -1620,8 +1620,6 @@ function WorldSplatScene({
 
   return (
     <>
-      <color args={["#020617"]} attach="background" />
-      <fog attach="fog" args={["#020617", 10, 45]} />
       <ambientLight intensity={1.6} />
       <directionalLight intensity={1.25} position={[6, 10, 4]} />
       {groundPlaneOffset !== null ? (
@@ -2033,13 +2031,23 @@ function WorldSplatViewer({
   }
 
   return (
-    <div className="relative h-full w-full">
+    <div className="relative h-full w-full overflow-hidden bg-zinc-100">
+      {previewImageUrl ? (
+        <img
+          alt=""
+          aria-hidden="true"
+          className="pointer-events-none absolute inset-0 h-full w-full object-cover opacity-35 blur-md saturate-90"
+          decoding="async"
+          src={previewImageUrl}
+        />
+      ) : null}
       <Canvas
         camera={{ position: [0, 1.6, 4], fov: 55 }}
-        className="h-full w-full bg-[radial-gradient(circle_at_top,_rgba(15,23,42,0.95),_rgba(1,1,1,1)_68%)]"
+        className="relative h-full w-full bg-transparent"
         dpr={minimalFrame ? [1, 1.5] : [1, 2]}
         frameloop="always"
         gl={{
+          alpha: true,
           antialias: true,
           powerPreference: "high-performance",
           preserveDrawingBuffer: Boolean(onCaptureReady),