From 8578ec4561067f75e1155c610896af5a4c2a12d8 Mon Sep 17 00:00:00 2001
From: servostar <sven.vogel123@web.de>
Date: Fri, 25 Oct 2024 00:12:57 +0200
Subject: [PATCH] feat(three): added ambient light, directional light, base
 plate

---
 public/gear.glb  | Bin 6936 -> 7188 bytes
 src/Renderer.tsx |  10 ++++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/gear.glb b/public/gear.glb
index 950471587236a2423a68eea1fe85f3508b31e5c9..65656bd4dcd8bfbab872788db0c956446ad94c55 100644
GIT binary patch
delta 296
zcmbPXHpRj(JtxGCiGhJZM23Ok0t*9!SFpcdwNhenacYT@Rkc!benDkXW_kvYqZC}0
znx_z!pPrhdU{efa>y?4nhDOE?<*7+}DXDf!Iuqq)*C&>w7G);p6f0RpS1YCDmnP+;
z24|+ErYKpJ6qTmxDCH&QrUFfKFG{Rb(orf%D)LP&NzBQ~Ob*H~P0z?nEe7hWR!T}N
zPIb=D$uDwCOfJbU0vcwZXJG&ahK80#29`#aI#@-l(G(fR>L}$xZGf3&prcd-vkWe#
YXIeXPO93xXHPi=6RtB3@7{5pY0KwT@D*ylh

delta 47
zcmbPYF~dwQJtxGCiGhJZLYjf$3Nr(PSFpcdwNhenacYT@RrN%_*^^f=W^Yzt`XUJc
DD9R24

diff --git a/src/Renderer.tsx b/src/Renderer.tsx
index 4e09cb3..0065c88 100644
--- a/src/Renderer.tsx
+++ b/src/Renderer.tsx
@@ -1,7 +1,8 @@
 import { Canvas, useFrame, useLoader } from '@react-three/fiber';
-import { Clone, ContactShadows, OrbitControls } from '@react-three/drei'
+import { Circle, Clone, ContactShadows, OrbitControls } from '@react-three/drei'
 import { Suspense, useRef } from 'react';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { AmbientLight } from 'three';
 
 function Gear(props: any) {
   const gltf = useLoader(GLTFLoader, './gear.glb');
@@ -27,6 +28,8 @@ function Renderer() {
     <div className='flex flex-col h-screen gradient'>
       <Canvas camera={{ position: [-8, 5, 8] }}>
         <Suspense fallback={null}>
+          <ambientLight />
+          <directionalLight />
           <Gear />
           <ContactShadows
             scale={60}
@@ -35,7 +38,10 @@ function Renderer() {
             blur={2}
             resolution={512}
           />
-          <OrbitControls target={[0, 0, 0]} maxPolarAngle={Math.PI / 2} />
+          <Circle args={[10]} position={[0,-2.001,0]}  rotation-x={-Math.PI / 2} receiveShadow>
+            <meshBasicMaterial color={[0.8,0.8,0.8]}/>
+          </Circle>
+          <OrbitControls target={[0, 0, 0]} maxPolarAngle={Math.PI / 2.0} />
         </Suspense>
       </Canvas>
     </div>