Atividade 1

​Lógica de programação: criando arte interativa com P5.js

Multiple Choice

Questão 1 – Comando createCanvas()

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) A área de desenho terá uma base menor e uma altura menor.

• b) A área de desenho terá uma base maior e uma altura menor.

• c) A área de desenho terá uma base menor e uma altura maior.

• d) A área de desenho permanecerá do mesmo tamanho.

Modificando o tamanho de formas

geométricas

O comando circle() foi usado no código para desenhar círculos na tela. Veja o exemplo:

Reorder

Organize os blocos a seguir para criar um círculo maior do que o que já foi feito:

• circle(

• 200,

• 200,

• 400

• );

1

2

3

4

5

• 1
• 2
• 3
• 4
• 5

Fill in the Blank

A compreensão sobre a função setup(), que é chamada apenas uma vez no

início do programa, e a função draw(), que desenha continuamente enquanto o programa roda. Além disso,

esclarece que o comando createCanvas() deve ser colocado dentro de setup(), pois a tela não precisa ser

recriada a cada frame, apenas no início.

Questão 3 – Diferenças entre setup e draw

Leia as afirmações a seguir sobre as funções setup() e draw():

( ) 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.

Agora, classifique as afirmações como verdadeiras (V) ou falsas (F). Em seguida,

escreva a sequência correta de letras nas linhas a seguir:

Fill in the Blank

Com base nesse código, analise as afirmativas a seguir e as defina como

verdadeiras (V) ou falsas (F):

( ) 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 desenhará múltiplos círculos automaticamente enquanto o

mouse estiver pressionado e em movimento.

Escreva a sequência correta:

Multiple Choice

Qual é a cor do quadrado e do círculo.

• a) Quadrado verde e círculo vermelho.

• b) Quadrado vermelho e círculo verde.

• c) Ambos, quadrado e círculo, verdes.

• d) Ambos, quadrado e círculo, vermelhos.

Reorder

Associe os comandos de maneira correta:

a) fill()

b) // (comentário)

c) line()

• 1. Define a cor de preenchimento de formas.

• 3. Ignora a linha de código, usada para documentar.

• 2. Adiciona uma linha entre dois pontos

1

2

3

• 1
• 2
• 3