wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Aprendendo a Função text() no p5.js

Total questions: 40

Worksheet time: 21mins

Name
Class
Date
1.

O que a função text() faz no p5.js?

a)

A função text() desenha texto na tela.

b)

A função text() apaga texto da tela.

c)

A função text() altera a cor do texto.

d)

A função text() desenha formas geométricas.

2.

Como você define a posição do texto na tela?

a)

A posição do texto é fixa e não pode ser alterada.

b)

A posição do texto é definida apenas por atributos HTML.

c)

A posição do texto é determinada pelo tamanho da tela.

d)

A posição do texto na tela é definida por propriedades de estilo CSS.

3.

Qual comando altera a cor do texto?

a)

changeColor

b)

color

c)

textColor

d)

fontColor

4.

Como você muda o tamanho do texto?

a)

Aumente a propriedade 'line-height' no CSS.

b)

Use a tag

para aumentar o tamanho do texto.

c)

Ajuste a propriedade 'margin' no CSS.

d)

Use CSS para definir a propriedade 'font-size'.

5.

É possível usar diferentes fontes no p5.js?

a)

Sim, é possível usar diferentes fontes no p5.js.

b)

Somente fontes padrão do sistema são permitidas.

c)

É possível usar fontes, mas apenas do Google.

d)

Não, apenas uma fonte pode ser usada.

6.

Qual é a sintaxe básica para usar a função text()?

a)

text(seu texto aqui)

b)

text('seu texto aqui')

c)

text(seu texto)

d)

text('texto aqui')

7.

Como você pode centralizar o texto na tela?

a)

Apply 'margin: auto' to the text element.

b)

Use CSS com 'display: flex' e 'justify-content: center'.

c)

Use CSS with 'text-align: left'.

d)

Set 'display: block' and 'margin: 0 auto' for centering.

8.

O que acontece se você não definir a posição do texto?

a)

O texto será formatado em negrito.

b)

O texto será exibido na posição padrão do elemento.

c)

O texto será exibido em uma nova linha.

d)

O texto será oculto na tela.

9.

Como você pode mudar a cor do fundo e do texto ao mesmo tempo?

a)

Change colors using JavaScript only.

b)

Set 'font-color' and 'bg-color' in CSS.

c)

Use HTML tags to change colors.

d)

Use CSS para definir 'background-color' e 'color'.

10.

Qual função é usada para carregar uma fonte no p5.js?

a)

loadText

b)

loadImage

c)

loadFont

d)

loadSound

11.

Como você pode fazer o texto aparecer em negrito?

a)

Use a tag ou .

b)

Use the tag

c)

Apply the CSS property font-weight: normal;

d)

Wrap the text in

tags

12.

Qual é a função para definir a cor do texto em RGB?

a)

textColorRGB()

b)

setTextColor()

c)

colorText()

d)

rgb()

13.

Como você pode adicionar um contorno ao texto?

a)

Utilize CSS 'background-color'

b)

Apply JavaScript 'setAttribute'

c)

Use CSS 'text-shadow' ou SVG 'stroke'.

d)

Use HTML 'font-weight'

14.

O que significa a função textAlign() no p5.js?

a)

A função textAlign() ajusta o tamanho do texto no p5.js.

b)

A função textAlign() define o alinhamento do texto no p5.js.

c)

A função textAlign() define a fonte do texto no p5.js.

d)

A função textAlign() altera a cor do texto no p5.js.

15.

Como você pode fazer o texto aparecer em itálico?

a)

Use a tag

b)

Use a tag ou .

c)

Use a tag

d)

Use a tag

16.

Qual é a diferença entre textSize() e text() no p5.js?

a)

textSize() desenha o texto na tela; text() define o tamanho da fonte.

b)

textSize() define o tamanho da fonte; text() desenha o texto na tela.

c)

textSize() altera a cor do texto; text() define o tamanho da fonte.

d)

textSize() é usado para criar formas; text() é usado para definir o tamanho da tela.

17.

Como você pode usar uma fonte personalizada no p5.js?

a)

Apply the font directly in the HTML file.

b)

Carregue a fonte com loadFont() e use textFont() para aplicá-la.

c)

Use loadImage() to load the font.

d)

Use textSize() to change the font size.

18.

Qual é a função que permite mudar a opacidade do texto?

a)

opacity

b)

brightness

c)

visibility

d)

transparency

19.

Como você pode fazer o texto piscar na tela?

a)

Use CSS para criar uma animação que alterne a opacidade do texto.

b)

Set the text to bold using HTML tags.

c)

Use JavaScript to change the font size of the text.

d)

Apply a background color to the text.

20.

Qual é a função para desenhar texto em um ângulo?

a)

textAngle(x, y, angle)

b)

rotateText(text, angle)

c)

drawText(angle, text, x, y)

d)

rotate(angle) e drawText(text, x, y)

21.

A função random() no P5.js é utilizada para:

a)

Desenhar formas aleatórias.

b)

Gerar números aleatórios.

c)

Definir uma cor aleatória.

d)

Criar uma animação aleatória.

22.

Qual comando é utilizado para desenhar um círculo no P5.js?

a)

circle(x, y, diameter)

b)

drawCircle(x, y, radius)

c)

ellipse(x, y, width, height)

d)

round(x, y, diameter)

23.

A função draw() no P5.js é executada:

a)

Uma vez, no início do programa.

b)

Continuamente, criando uma animação.

c)

Somente quando uma interação do usuário ocorre.

d)

Apenas quando chamada explicitamente dentro de outra função.

24.

Qual função do P5.js é responsável por criar um canvas no qual os gráficos serão desenhados?

a)

setup()

b)

draw()

c)

createCanvas()

d)

background()

25.

Qual a linguagem de programação utilizada na plataforma P5JS?

a)

Python

b)

C#

c)

Java Script

d)

Java

26.

Qual o endereço da plataforma do p5 editor

27.

Analise o codigo e escolha a opção correta.

function setup() {

createCanvas(800, 300);

}

a)

A largura da tela vai ser de 300 e altura 800

b)

A largura da tela vai ser de 800 e altura 300

c)

A largura da tela vai ser de 200 e altura 800

d)

A largura da tela vai ser de 300 e altura 200

28.

Qual a função utilizada para desenhar um triângulo em p5?

a)

rect()

b)

circle()

c)

triangle()

d)

ellipse()

29.

O que a propriedade stroke faz no p5js?

a)

Define a cor de preenchimento de um retângulo

b)

Define a cor de fundo da tela

c)

Define a posição do mouse na tela

d)

Define uma borda para um retângulo

30.

O que as propriedades mouseX e mouseY representam no p5js?

a)

As dimensões do retângulo

b)

As coordenadas do retângulo na tela

c)

As coordenadas do mouse na tela

d)

As cores do retângulo

31.

Qual é a função da propriedade fill no p5js?

a)

Definir a cor de preenchimento de um objeto

b)

Criar um retângulo na tela

c)

Verificar a posição do mouse na tela

d)

Pintar o fundo da tela de branco

32.

O que é necessário fazer para acessar os projetos no p5js?

a)

Atualizar o navegador

b)

Baixar um software específico

c)

Criar uma conta

d)

Conectar um dispositivo externo

33.

Qual é a função da propriedade rect no p5js?

a)

Verificar a posição do mouse na tela

b)

Definir a cor de preenchimento do retângulo

c)

Pintar o fundo da tela de branco

d)

Criar um retângulo na tela

34.

O que acontece quando a função background é chamada no p5js?

a)

Pinta o fundo da tela de uma cor específica

b)

Cria um retângulo na tela

c)

Define a posição do mouse na tela

d)

Verifica se o mouse está pressionado

35.

O que representa a propriedade mouseX no p5js?

a)

O tamanho do retângulo

b)

A posição do mouse no eixo X

c)

A posição do mouse no eixo Y

d)

A cor de preenchimento do retângulo

36.

Qual é a função da propriedade createCanvas no p5js?

a)

Criar uma tela onde podemos desenhar objetos

b)

Definir a cor de fundo da tela

c)

Criar um retângulo na tela

d)

Preencher um retângulo com cor

37.

O que é o p5js?

a)

Um sistema operacional

b)

Uma rede social para programadores

c)

Um editor de imagens online

d)

Uma biblioteca de JavaScript para programação criativa

38.

Para que serve a função draw?

a)

Para desenhar elementos gráficos apenas uma vez

b)

Apenas para inserir as instruções de interatividade

c)

Para desenhar elementos gráficos em continuo (em loop)

d)

Para definir o tamanho do ecrã onde vão surgir os desenhos

39.

Após um comando "function setup", os comandos devem vir entre...

a)

chaves { }

b)

colchetes [ ]

c)

parenteses ( )

d)

aspas " "

40.

Qual a função que inicializa no p5?

a)

function setup()

b)

function draw()