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

Em JavaScript, utilizamos o mouseIsPressed para criar comandos de acordo

com a pressão do mouse, como podemos observar no código ao lado:

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

ta corretamente o seu comando:

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

  contrário, será verde.

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

  trário, passará a ser verde.

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

  contrário, ele será 0.

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

  Caso contrário, será vermelha.

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:

• 
• 
• 
• 

Observe a imagem abaixo:

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:

Utilize todos os blocos.

• 
• 
• 
• 

Na aula, 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.Escreva a sequência correta de blocos na linha a seguir:

• 
• 
• 

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:

• 0

• 20

• 300

• 200

Ester desenhou um retângulo no p5.js e determinou a cor vermelha (red) para

o seu preenchimento. No entanto, ela gostaria que essa cor mudasse de forma

aleatória a cada vez que o programa se inicia.

Assinale a alternativa que indica corretamente a função que ela poderia usar para

declarar aleatoriedade no seu código:

• random( )

• function( )

• fill( )

• background( )

Observe o array abaixo:

frases = [“array”, “Cada valor de um”, “que inicia-se no zero (0)”, “possui uma po-

sição” , “e depois um (1)” , “e assim sucessivamente.”];

Sabendo que a palavra array ocupa a posição 0 nessa estrutura, ordene as posi-

ções do array para formar a seguinte frase:

Cada valor de um array possui uma posição que se inicia no zero (0), depois um

(1) e, assim, sucessivamente.

Utilize todos os blocos para compor a frase acima:

• 
• 
• 
• 
• frases 4 e 5

De acordo com o que aprendemos até o momento, qual alternativa apresenta o

código que reproduz a frase como na imagem na tela do p5.js?

• 
• 
• 
• 

Observe a sequência de imagens abaixo:

Para obter esse resultado, existe uma variável chamada quantidade que, através

da função map(), é responsável por retornar um valor de acordo com a posição do

mouse, da largura da tela e da quantidade de letras exibidas.

Sabendo disso, ordene todos os blocos para preencher as lacunas do código abaixo.

let quantidade = map(_______, , ___, , _______);

• palavra.length

• 0

• 1

• 
• width

Queremos desenvolver um código que estampe a frase Caminhe aprendendo,

na cor verde, de tamanho 30px e no centro da tela. Já montamos parte do código

e precisamos da sua ajuda para completá-lo.

Ordene todos os blocos de texto para preencher corretamente as lacunas da fun-

ção draw().

• green

• CENTER

• 30