【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}castShadowshadow-mapSize