【R3F】07. 场景设置

camera设置

• 属性值是按照threejs的属性值设置,r3f中，直接在canvas 节点设置 camera属性即可

• 修改相机position可以通过useFrame 返回的对象集，获取camera对象，然后修改对应的属性值

  useFrame((state, delta) => { 
           const angle = state.clock.elapsedTime
           state.camera.position.x = Math.sin(angle) * 8
           state.camera.position.z = Math.cos(angle) * 8
           state.camera.lookAt(0, 0, 0) 
      })
  
  

Renderer初始化属性设置

• 设置方式同camera类似，需要设置gl属性值，可以直接使用three对象中的值

• 设置分辨率可以直接设置 dpr 属性值 ，设置为数组，表示设置了最大最小值