From 619d7232bb601224ed4a442f01ef9768f9e96f40 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期一, 17 六月 2024 15:36:09 +0800 Subject: [PATCH] # --- src/components/light.jsx | 20 +++++++++++++------- 1 files changed, 13 insertions(+), 7 deletions(-) diff --git a/src/components/light.jsx b/src/components/light.jsx index 977f3f3..cf7f01e 100644 --- a/src/components/light.jsx +++ b/src/components/light.jsx @@ -1,13 +1,15 @@ -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 } from 'three'; +import { SpotLightHelper, DirectionalLightHelper } from 'three'; const Lights = () => { const spotLightRef = useRef(); + const directionalLightRef = useRef(); if (DEBUG) { useHelper(spotLightRef, SpotLightHelper, 'teal'); + useHelper(directionalLightRef, DirectionalLightHelper, 'teal'); } return ( @@ -15,13 +17,12 @@ <ambientLight intensity={0.5} /> <directionalLight color={0xffffff} intensity={3} position={[10, 10, 0]} /> <SpotLight - ref={spotLightRef} - intensity={DEBUG ? 10 : 5} + intensity={DEBUG ? 10 : 6} color="#ffffff" - position={[3, DEBUG ? 5000 : 900, 2]} + position={[3, DEBUG ? 5000 : 2000, 2]} castShadow penumbra={2} - distance={DEBUG ? 10000 : 5000} + distance={DEBUG ? 10000 : 6000} angle={Math.PI * 0.6} attenuation={5} anglePower={Math.PI / 2} @@ -29,6 +30,11 @@ shadow-camera-near={200} shadow-camera-far={2000} /> + <directionalLight + position={[0, -100, 0]} + color="#ffffff" + intensity={.6} + /> </> ); }; -- Gitblit v1.9.1