| | |
| | | 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 ( |
| | |
| | | <ambientLight intensity={0.5} /> |
| | | <directionalLight color={0xffffff} intensity={3} position={[10, 10, 0]} /> |
| | | <SpotLight |
| | | ref={spotLightRef} |
| | | intensity={DEBUG ? 10 : 5} |
| | | color="#ffffff" |
| | | position={[3, DEBUG ? 5000 : 900, 2]} |
| | |
| | | shadow-camera-near={200} |
| | | shadow-camera-far={2000} |
| | | /> |
| | | <directionalLight |
| | | position={[0, -5, 0]} |
| | | color="#ffffff" |
| | | intensity={.6} |
| | | /> |
| | | </> |
| | | ); |
| | | }; |