From 3da8a06c9d64f84b3d6121c5950e91e295b8872f Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 08 五月 2024 15:31:41 +0800
Subject: [PATCH] #
---
src/components/light.jsx | 27 +++++++++++++++++++++------
1 files changed, 21 insertions(+), 6 deletions(-)
diff --git a/src/components/light.jsx b/src/components/light.jsx
index 655d83c..cf7f01e 100644
--- a/src/components/light.jsx
+++ b/src/components/light.jsx
@@ -1,25 +1,40 @@
-import React, { useRef } from 'react';
-import { SpotLight, useDepthBuffer, useHelper } from '@react-three/drei';
+import React, { useRef, useEffect } from 'react';
+import { SpotLight, useHelper } from '@react-three/drei';
+import { DEBUG } from '../config/setting';
+import { SpotLightHelper, DirectionalLightHelper } from 'three';
const Lights = () => {
+ const spotLightRef = useRef();
+ const directionalLightRef = useRef();
+
+ if (DEBUG) {
+ useHelper(spotLightRef, SpotLightHelper, 'teal');
+ useHelper(directionalLightRef, DirectionalLightHelper, 'teal');
+ }
+
return (
<>
<ambientLight intensity={0.5} />
<directionalLight color={0xffffff} intensity={3} position={[10, 10, 0]} />
<SpotLight
- color="#fff"
- position={[3, 2000, 2]}
+ intensity={DEBUG ? 10 : 6}
+ color="#ffffff"
+ position={[3, DEBUG ? 5000 : 2000, 2]}
castShadow
penumbra={2}
- distance={6000}
+ distance={DEBUG ? 10000 : 6000}
angle={Math.PI * 0.6}
attenuation={5}
anglePower={Math.PI / 2}
- intensity={6}
shadow-mapSize={[1024, 1024]}
shadow-camera-near={200}
shadow-camera-far={2000}
/>
+ <directionalLight
+ position={[0, -100, 0]}
+ color="#ffffff"
+ intensity={.6}
+ />
</>
);
};
--
Gitblit v1.9.1