NEW
Font size
WorksheetsMovimento monalisa
Total questions: 30
Worksheet time: 15mins
Qual é o objetivo de analisar a lógica de posicionamento?
Criar interações visuais precisas.
Desenhar formas geométricas.
Restringir a movimentação de elementos.
Criar uma animação interativa.
O que acontece em uma animação interativa com o cursor do mouse?
Elementos gráficos seguem a posição do cursor.
O cursor desaparece.
O cursor muda de cor.
Elementos gráficos ficam parados.
O que aprendemos a adicionar ao nosso projeto nesta aula?
Efeitos interativos
Novos personagens
Música de fundo
Texto colorido
Qual é o objetivo de programar nossa personagem nesta aula?
Fazer a personagem seguir o ponteiro do mouse com os olhos
Adicionar mais cores ao projeto
Criar um novo cenário
Fazer a personagem dançar
O que precisamos usar para fazer círculos perfeitos?
Um compasso
Uma régua
Tinta laranja
Computador
Quais cores de tinta são usadas para pintar o rosto?
Azul-claro e azul-escuro
Vermelho e verde
Amarelo e preto
Rosa e roxo
O que seria interessante adicionar à personagem?
Animação
Som
Texto
Música
Qual é a ilusão de ótica criada pela pintura da Monalisa?
A Monalisa parece estar sempre olhando para nós.
A Monalisa muda de cor.
A Monalisa desaparece.
A Monalisa parece estar dançando.
O que torna a pintura da Monalisa mais misteriosa?
A impressão de que ela está nos olhando de qualquer posição.
As cores brilhantes da pintura.
O tamanho da pintura.
O fato de ser uma pintura moderna.
O que acontece quando a função circle(mouseX, mouseY, 10) é adicionada no código?
A) A pupila esquerda segue o cursor do mouse.
B) A pupila direita desaparece.
C) O fundo da tela muda de cor.
D) O programa é encerrado.
Qual linha de código foi comentada para configurar a pupila esquerda de outra forma?
A) circle(250, 150, 10);
B) circle(mouseX, mouseY, 10);
C) // circle(150, 150, 10);
D) if(mouseIsPressed){
O que acontece com a pupila ao executar o código da forma mencionada?
A pupila permanece dentro do olho.
A pupila sai do olho.
A pupila muda de cor.
A pupila desaparece.
Qual é a ideia para o movimento da pupila?
Que ela mude de cor.
Que ela desapareça.
Que ela permaneça dentro do olho e acompanhe o cursor.
Que ela fique parada.
Quais conceitos de programação são mencionados para conseguir o efeito desejado?
Variáveis e a função .map().
Loops e a função .filter().
Condições e a função .reduce().
Arrays e a função .sort().
O que a função map() faz no código apresentado?
Mapeia o movimento do mouse para um novo intervalo de valores.
Desenha um círculo na tela.
Altera a cor do fundo.
Cria uma nova variável chamada olhoX.
Por que não podemos usar mouseX e mouseY diretamente para a pupila?
Porque a pupila sairia do lugar.
Porque o código não funcionaria.
Porque o mouse não se move.
Porque a pupila ficaria invisível.
O que significa o comando map() no contexto do texto?
Redefinir uma variável limitando sua escala.
Criar um novo canvas.
Aumentar o valor de mouseX para 500.
Desenhar formas geométricas.
Qual é o valor máximo que a variável mouseX pode atingir no exemplo dado?
400
500
600
300
Qual é a dimensão do canvas mencionada no texto?
400 por 400
500 por 500
600 por 600
300 por 300
Formas geométricas coloridas
Círculos azules
Cuadrados rojos
Triángulos verdes
Rectángulos amarillos
Qual é o propósito da função map() no código apresentado?
Remapear o valor de olhoX para que a pupila permaneça dentro do olho.
Mover o ponteiro do mouse.
Alterar a cor do fundo.
Aumentar o tamanho da pupila.
Quais são os valores arredondados para a posição do olho?
A) 130 e 170
B) 133 e 169
C) 0 e 400
D) 100 e 200
Quais são os valores da pupila direita?
150, 150, 10
250, 150, 10
400, 130, 170
0, 400, 10
O que a função circle() faz no código?
Desenha um quadrado
Desenha um triângulo
Desenha um círculo
Desenha uma linha
Qual é o valor do raio dos círculos desenhados no código?
10
20
30
40
Qual é a diferença entre as coordenadas X dos dois círculos desenhados?
100
50
150
200
O que podemos visualizar no projeto mencionado?
A pupila esquerda se movendo dentro do círculo.
Um carro andando na rua.
Um gato pulando.
Uma árvore crescendo.
Qual comando é usado para declarar a variável olhoX?
let olhoX;
var olhoX;
const olhoX;
declare olhoX;
O que foi adicionado ao projeto nesta aula?
Efeito Monalisa
Efeito Arco-Íris
Efeito Estrela
Efeito Relâmpago
O que você precisa personalizar no desafio?
Cores e velocidade
Tamanho e forma
Som e luz
Texto e imagem
