NEW
Font size
WorksheetsModelo 3D
Total questions: 9
Worksheet time: 5mins
Como podemos criar um cubo em 3D utilizando pontos e linhas?
Quais comandos podemos implementar para se movimentar com as teclas a e d em JavaScript?
Como podemos detectar quando a tecla 'w' é pressionada em JavaScript para mover um objeto para frente?
Utilizando 'window.addEventListener("resize", function() { /* mover para frente */ });'
Utilizando 'document.addEventListener("click", function() { /* mover para frente */ });'
Utilizando 'window.onmousemove = function() { /* mover para frente */ }';
Utilizando 'document.addEventListener("keydown", function(event) { if (event.key === "w") { /* mover para frente */ } });'
Em nosso código JavaScript, pedimos para trocar o cubo por uma pessoa, como podemos separar as vertices para que ela possa se movimentar separadamente?
Baseado no código abaixo, verifique o que está INCORRETO!
document.onkeypress = function (evt) {
const str = keyPressed(evt);
if (str === 'a') {
currentY -= 10;
cube.style.transform = `rotateX(${currentX}deg) rotateY(${currentY}deg)`;
}
if (dsr === 'd') {
currentY += 10;
cube.style.transform = `rotateX(${currentX}deg) rotateY(${currentY}deg)`;
}
if (dsr === 'w') {
currentX -= 10;
cube.style.transform = `rotateX(${currentX}deg) rotateY(${currentY}deg)`;
}
if (str === 's') {
currentX += 10;
cube.style.transform = `rotateX(${currentX}deg) rotateY(${currentY}deg)`;
}
}
Usando 'str' em vez de 'dsr' nas condições if.
A função 'keyPressed' não foi chamada corretamente.
A variável 'currentY' não está definida.
O uso de 'dsr' em vez de 'str' nas condições if.
Ao criar um objeto 3D interativo, por que é importante separar as partes do modelo em diferentes vértices ou grupos?
Para reduzir o número de polígonos do modelo.
Para facilitar a renderização em 2D.
Para permitir animações e movimentos independentes de cada parte.
Para evitar o uso de eventos de teclado.
Qual evento JavaScript é mais adequado para detectar quando uma tecla é liberada?
keypress
click
keyup
keydown
Ao manipular um cubo 3D com JavaScript, qual propriedade CSS é usada para rotacionar o cubo?
background-color
transform
position
display
O que acontece se tentarmos mover um objeto 3D sem atualizar sua matriz de transformação?
O objeto muda de cor.
O objeto não se move na tela.
O objeto desaparece completamente.
O objeto se move normalmente.
