Cameras Flashcards
Qual câmera simula uma câmera do mundo real com perspectiva?
PerspectiveCamera
Qual câmera mantém os objetos do mesmo tamanho, mesmo longe?
OrthographicCamera
Como se cria uma PerspectiveCamera?
new THREE.PerspectiveCamera(fov, aspect, near, far)
O que significa o parâmetro fov em uma PerspectiveCamera?
Field of View — ângulo vertical de visão da câmera (em graus)
O que representa o aspecto (aspect) na PerspectiveCamera?
A proporção largura/altura do canvas
Como limitar o que a câmera consegue ver (distância)?
Com os parâmetros near e far
Como se cria uma OrthographicCamera com proporção da tela?
new THREE.OrthographicCamera(-aspect, aspect, 1, -1, 0.1, 100)
Quando devo usar OrthographicCamera em vez de PerspectiveCamera?
Quando quero uma visão sem perspectiva, como em RTS, gráficos técnicos ou interfaces 2D
Para que serve a classe OrbitControls?
Permite rotacionar ao redor de um ponto, fazer zoom e pan com o mouse
Como importar o OrbitControls?
import { OrbitControls } from ‘three/examples/jsm/controls/OrbitControls.js’
Como instanciar o OrbitControls?
const controls = new OrbitControls(camera, canvas)
O que o segundo parâmetro do OrbitControls representa?
O elemento HTML que escuta os eventos do mouse (geralmente o canvas)
Como ativar suavidade na rotação do OrbitControls?
controls.enableDamping = true
O que é damping no OrbitControls?
Suavização da rotação com aceleração e desaceleração gradual
O que é o target no OrbitControls?
Ponto que a câmera foca (olha para)
Como alterar o target padrão do OrbitControls?
controls.target.y = 2; controls.update()
Por que é necessário chamar controls.update() após mudar o target?
Para que a nova posição do target seja aplicada
Onde devemos colocar o controls.update()?
Dentro da função de animação (tick), a cada frame
