moved bg image to local

avsilva · Aug 6, 2021 · 34fc9c4 · 34fc9c4
1 parent af7118c
commit 34fc9c4
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/jest-dom": "^5.11.10",
     "@testing-library/react": "^11.2.6",
     "@testing-library/user-event": "^12.8.3",
+    "ccapture.js": "^1.1.0",
     "ray-tracing-renderer": "^0.10.15",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

diff --git a/public/env.hdr b/public/env.hdr
diff --git a/public/envBg.jpg b/public/envBg.jpg
diff --git a/public/envBg4.jpg b/public/envBg4.jpg
diff --git a/src/assets/images/envBg.jpg b/src/assets/images/envBg.jpg
diff --git a/src/components/three/Viewer.js b/src/components/three/Viewer.js
@@ -11,13 +11,15 @@ import DecalHelper from "./DecalHelper"
 import Model from "./Model"
 import Scenes from "./Scenes"
 import CanvasBackground from "./CanvasBackground"
+//import {CCapture} from "ccapture.js"
 
 softShadows({
     near: 0.04,
     samples: 20,
 })
 
 const Viewer = () => {
+    //var capturer = new CCapture( { format: 'webm' } );
     const [modelFlipped, setModelFlipped] = useState(false)
     const [modelRayData, setModelRayData] = useState(null)
     const [gl, setGl] = useState(null)
@@ -56,7 +58,7 @@ const Viewer = () => {
             <CanvasBackground>
                 <Canvas
                     style={decalPath && { cursor: "none" }}
-                    gl={{ preserveDrawingBuffer: true }}
+                    gl={{ preserveDrawingBuffer: true /*, antialias: false*/ }}
                     camera={{ position: [0, 0, 2.2], fov: 50 }}
                     frameloop="demand"
                     shadows
@@ -72,7 +74,6 @@ const Viewer = () => {
                     </Suspense>
                     <Scenes />
                 </Canvas>
-                <div />
             </CanvasBackground>
             <PhotoButton gl={gl} />
             <ControlPanel />

diff --git a/src/components/three/sets/EnvironmentBg.js b/src/components/three/sets/EnvironmentBg.js
@@ -1,10 +1,10 @@
 import { Environment, useTexture } from "@react-three/drei"
 
 const EnvironmentBg = () => {
-    const texture = useTexture("/envBg4.jpg")
+    const texture = useTexture("/envBg.jpg")
     return (
         <>
-            <Environment preset="dawn" background={false} />
+            <Environment background={false} path="/" files="env.hdr" />
             <mesh position={[0, 0, -0.5]}>
                 <planeBufferGeometry args={[5, 3]} />
                 <meshBasicMaterial map={texture} />