Font size
WorksheetsAvaliação 1T - JavaScript
Total questions: 10
Worksheet time: 12mins
No código a seguir, foi utilizado o comando createCanvas() para definir o tamanho da tela em que as formas geométricas serão desenhadas:
O que acontece se você modificar os parâmetros de createCanvas(400, 400) para createCanvas(600, 200)?
A área de desenho terá uma base menor e uma altura menor.
A área de desenho terá uma base maior e uma altura menor.
A área de desenho terá uma base menor e uma altura maior.
A área de desenho permanecerá do mesmo tamanho.
O comando circle() foi usado no código para desenhar círculos na tela. Veja o exemplo:
Organize os blocos a seguir para criar um círculo maior do que o que já foi feito com o centro nas coordenadas x = 200 e y = 150.
circle(
200,
150,
400
);
Leia as afirmações a seguir sobre as funções setup() e draw() e assinale a(s) afirmação(ões) que seja(m) verdadeira(s).
A função setup() é chamada repetidamente durante o ciclo de execução do programa.
A função draw() é responsável por desenhar na tela de forma contínua,
enquanto o programa está rodando.
O comando createCanvas() deve ser colocado dentro de draw() para
garantir que a tela seja redesenhada a cada frame.
Guilherme quer desenhar uma linha com o comando line (), que começa no primeiro pixel da esquerda e vai até o fim do outro lado em uma tela de 400 x 400 pixels, como mostra a figura a seguir:
Organize os blocos abaixo para criar essa linha:
line(
0, 0
,
400, 400
);
Avalie as afirmativas a seguir sobre o uso de comandos e a manipulação de
coordenadas no plano cartesiano e, em seguida, assinale a alternativa correta:
I. O comando line() desenha uma linha reta conectando dois pontos definidos por coordenadas (x1, y1) e (x2, y2).
II. O comando triangle() exige 3 valores de coordenadas, sendo um para cada vértice do triângulo.
III. Para desenhar um triângulo na tela, o ponto de origem (0,0) está localizado no canto inferior direito da tela.
IV. O ponto (0, 0) do plano cartesiano, em p5.js está localizado no canto superior esquerdo da tela.
I e IV estão corretas.
II e III estão corretas.
I, II e IV estão corretas.
Apenas III está correta.
Marcelo quer criar círculos em seu desenho e, por isso, elaborou o seguinte código:
Com base nesse código, analise as afirmativas a seguir e assinale a(s) verdadeira(s).
O código desenha um círculo de 10 pixels de diâmetro somente quando o botão do mouse é pressionado.
O círculo será desenhado sempre no centro da tela, independentemente
da posição do mouse.
A posição do círculo é determinada pelas coordenadas atuais do mouse (mouseX, mouseY) quando o mouse é pressionado.
O código mostrado não é responsável por desenhar um circulo. Apenas mostra a posição atual do mouse quando pressionado.
Observe o código a seguir:
Em seguida, responda qual é a cor do quadrado e do círculo.
Quadrado verde e círculo vermelho.
Quadrado vermelho e círculo verde.
Ambos, quadrado e círculo, verdes.
Ambos, quadrado e círculo, vermelhos.
Associe os comandos na coluna com suas respectivas descrições:
fill( )
Define a cor de preenchimento de formas.
line( )
Ignora a linha de código, usada para doc
// (comentário)
Adiciona uma linha entre dois pontos
Analise o seguinte código:
Identifique quais afirmações são verdadeiras
A função createCanvas() é usada para definir as dimensões da tela de
desenho.
A função rect() desenha um círculo na tela.
A função background() define a cor de fundo da tela.
O código acima desenha um retângulo nas coordenadas (50, 50) com uma largura e altura de 100 pixels.
O código a seguir usa a função map() para controlar o movimento de uma bola com base na posição do mouse. No entanto, a movimentação está limitada a uma área específica.
Com base no código acima, assinale a alternativa que descreve qual é a área de movimentação permitida para a bola.
A bola pode se mover livremente na tela inteira.
A bola só se move entre as coordenadas 130 e 170 tanto no eixo X quanto no eixo Y.
A bola se move em todo o eixo Y, mas fica limitada no eixo X.
O map() apenas define o tamanho dos círculos, não suas posições.
