【R3F】0.9添加 shadow

开启使用shadow

• 在 canvas 设置属性shadows

• 在对应的 mesh 中设置 产生阴影castShadow和接收阴影receiveShadow 设置完成之后，即可实现阴影

  ...
   <Canvas shadows > 
     <mesh castShadow  >
  			<boxGeometry />
  			<meshStandardMaterial color="mediumpurple" />  
     </mesh> 
    <mesh receiveShadow position-y={-1} scale={20} rotation-x={-Math.PI * .5}>
  			<planeGeometry  />
  			<meshStandardMaterial color="greenyellow"   /> 
    </mesh>
  </Canvas>
  ...
  

设置灯光阴影

• 可以有两种方式，第一种方式直接设置属性，第二种方式是根据节点设置

  // 方式 1
  <directionalLight ref={directionalLight}
              position={[1, 2, 3]}
              intensity={1.5}
              castShadow
              shadow-mapSize