Linguagem de programação: criando projetos artísticos com Js

Em JavaScript, utilizamos o mouseIsPressed para criar comandos de acordo

com a pressão do mouse, como podemos observar no código.

Analise o código da função draw() acima e selecione a alternativa que interpre-

ta corretamente o seu comando:

• a) Se o mouse está pressionado, a cor do retângulo deve ser vermelha. Caso

  contrário, será verde.

• b) Se o mouse está pressionado, a cor do retângulo deve ser branca. Caso con-

  trário, passará a ser verde.

• c) Se o mouse está pressionado, o tamanho do retângulo deve ser 100. Caso

  contrário, ele será 0.

• d) Se o mouse está pressionado, a cor de fundo do retângulo deve ser branca.

  Caso contrário, será vermelha.

Ana criou um retângulo com as seguintes posições: x:0 e y:20; também determi-

nou suas medidas: 200px de largura e 300px de altura.

Ordene os 4 blocos necessários para preencher as lacunas a seguir, de modo a

determinar as medidas na ordem correta​ ​ (a)   ​ (b)   ​ (c)   ​ (d)  

• 300
• 0
• 200
• 20

Gabriel desenhou na sua tela do p5.js um retângulo de cor vermelha (red) e bor-

das azuis (blue).

Ordene todos os blocos para adicionar as funções e as cores na sequência descri-

ta acima.​ (a)   ​ (b)   ​ (c)   ​ (d)  

• fill
• ("red");
• stroke
• ("blue");

Daniel adora nadar e criou um jogo que simula uma competição de nado. Todos

os competidores iniciam na altura 375 do eixo y. E, para garantir a medalha,

precisam chegar até o topo da tela, que simboliza o fim da piscina.

Agora, escolha a alternativa que verifica corretamente se o competidor chegou

até o fim da piscina para receber a medalha:

• if (posicaoY <= 0) {

  }

• if (posicaoY > 0) {

  }

• if (posicaoY = 375) {

  }

• if (posicaoX <=0) {

  }

Observe a imagem.

Vamos programá-la? Para isso, ordene todos os blocos que completam a função

draw() abaixo, definindo suas respectivas cores (yellow - amarelo e darkblue -

azul-escuro) e tamanhos:

• ("yellow");

• circle

• rect (0,300,500,350);

• ("darkblue");

• (250,250,300);

• fill

Aprendemos a criar planos de fundos de diferentes cores, utilizando o sis-

tema RGB. Vamos testar nossos conhecimentos?

Ordene todos os blocos para montar o algoritmo que programa um plano de

fundo branco.

• function setup( ) {

• (255,255,255) }

• background