react-three-fibar

hemisphereLight

• skyColor 
• intensity
• groundColor

spotLight

• penumbra:減衰するスポットライトコーンの割合
• intensity
• angle
• castShadow:trueに設定すると光は動的な影を落とす。デフォルトはfalse

Canvas

視野角（fov）やカメラ位置（position）を設定します。ほかに背景色やDPRなどを設定できます。

• ambientLight:環境光

 <Canvas>
      <ambientLight />
      <pointLight position={[10, 10, 10]} />
      <Box position={[-1.2, 0, 0]} />
      <Box position={[1.2, 0, 0]} />
    </Canvas>

OrbitControls

このコンポーネントを追加すると、マウスでカメラの回転、移動、ズームを行うことができます。
どれかしらの機能だけを使う/使わないの設定もできます。