Worksheets1_NEM_24_AV1_2T_Pensamento Computacional_JS
Total questions: 18
Worksheet time: 14mins
Leia o código na imagem e responda.
Qual é a função da sequência de caracteres "//" na linha de código?
Iniciar um loop infinito.
Marcar o início de um comentário.
Indicar o início de uma nova função.
Luciano está planejando desenvolver um jogo de ping pong e deseja que a raquete se mova verticalmente (para cima e para baixo) sempre que a pessoa jogadora pressionar as teclas de seta para cima ou para baixo.
Entretanto, na execução do código abaixo, a movimentação na vertical não está ocorrendo.
Qual é o erro que está ocorrendo neste caso?
O comando das teclas está invertido, primeiro devemos colocar seta para baixo, em seguida seta para cima.
Para movimentar a seta para cima utilizamos o bloco “adicionar -10 a x” e para movimentar para baixo utilizamos o bloco “adicionar 10 a x”.
Ao invés de utilizar a coordenada cartesiana X, devemos utilizar a coordenada Y, pois ela é responsável por realizar deslocamentos na vertical.
Para desenvolver um algoritmo de pontuação do jogo Pong, é necessário avaliar se a bolinha realmente passa sem que seja rebatida pela raquete.
Para descrever essa situação em código, qual é o principal valor de referência que devemos avaliar para gerar essa pontuação? Pensa na informação horizontal e vertical da bolinha.
Devemos avaliar se a bolinha passa pela raquete ao verificar se a posição y da bolinha está fora do alcance da raquete.
Verificar se a coordenada x da "bolinha" ultrapassa as coordenadas x das raquetes dos jogadores para determinar a pontuação.
Verificar a velocidade da bolinha para determinar se ela foi rebatida pela raquete.
Observe o código da imagem.
Usamos as condicionais para realizar uma verificação de algum aspecto do código e executar uma ação.
Qual é a sintaxe correta para escrevermos uma condicional, em programação na linguagem JavaScript, a fim de verificar se a posição da bolinha no eixo x é maior que a largura da tela?
if Bolinha > width. { }
if Bolinha =* width. { }
if (xBolinha > width) { }
if {xBolinha > width}
Sem alterar o comportamento do jogo, movemos alguns códigos da função draw para funções que criamos:
function mostraBolinha()
function movimentaBolinha()
function verificaColisaoBorda()
Sabendo disso, podemos definir que função é:
Um conjunto de comandos ou códigos que realiza uma tarefa específica.
A união de vários códigos aleatórios, com comportamentos diferentes em um único lugar, visando tornar o código mais legível.
Um conceito que está relacionado com a ideia de classificar e abstrair coisas.
Meu objetivo agora é desenhar uma raquete na tela com as funções pré-existentes na biblioteca do p5.js. O que acontece se eu apenas chamar uma função novaraquete() no código?
Uma nova biblioteca será importada para o p5.js.
Será criada uma raquete, que será chamada na função draw().
A função será automaticamente definida.
Uma mensagem de erro aparecerá, avisando que o nome não está definido.
Na função para verificar a colisão com a raquete, criamos a seguinte condicional (veja a imagem).
Ao utilizarmos a sintaxe &&, estamos nos referindo a qual operador lógico em JavaScript?
Operador de negação.
OU
E
Até o momento no jogo Pong, podemos visualizar o código abaixo dentro da função draw (observe a imagem).
Sabendo disso, analise as alternativas abaixo e marque aquela que mostra a função correta que está relacionada à colisão da raquete do oponente.
marcaPonto()
verificaColisaoRaquete (xRaquete, yRaquete)
verificaColisaoRaquete(xRaqueteOponente, yRaqueteOponente)
movimentaRaqueteOponente()
Se alterarmos o segundo parâmetro da propriedade circle() para 100, que mo-
dificação poderíamos esperar?
a) O segundo parâmetro refere-se à posição no eixo X, por isso, poderíamos es-
perar uma movimentação no sentido horizontal.
b) O segundo parâmetro refere-se à posição no eixo Y, por isso, poderíamos es-
perar uma movimentação no sentido vertical.
c) O segundo parâmetro refere-se ao diâmetro do elemento, por isso, podería-
mos esperar uma modificação no seu tamanho.
d) O segundo parâmetro refere-se à cor que o elemento será preenchido, po-
dendo variar de 0 a 255. Com o valor 100, poderemos esperar uma cor no
tom marrom.
Javascript: Vamos alterar a cor do placar do jogo do Pong para laranja. Para isso escolha a alternativa que apresenta a ordem correta dos blocos:
mudaCorPlacar() {
fill
function
("orange");}
function
mudaCorPlacar() {
("orange");}
fill
mudaCorPlacar() {
fill
("orange");}
function
function
mudaCorPlacar() {
fill
("orange");}
Qual a função que inicializa no p5?
function setup()
function draw()
Para que serve a função "function setup"?
A função setup() é executada quando o programa é iniciado. É usado para definir as propriedades do ambiente inicial, como cor do texto, tamanho da tela, etc
A função setup() é executada quando o programa é finalizado. É usado para definir as propriedades do ambiente final, como cor do texto, tamanho da tela,
A função setup() é executada quando queremos desenhar na tela, escolhendo cores a gosto.
A função setup() é executada quando o programa falha, ele nos ajuda a encontrar erros de sintaxe.
Após um comando "function setup", os comandos devem vir entre...
chaves { }
colchetes [ ]
parenteses ( )
aspas " "
Para que o computador, utilizando da linguagem JavaScript, entenda o que você programou, e para que seu sistema funcione como esperado, é necessário que siga padrões de digitações específicos da linguagem que está utilizando. Por exemplo, nomes de (a) e variáveis não podem conter (b) entre as palavras e nem (c) . Quando se inicia uma função utilizando-se de um abre chaves { devemos, depois da última linha do código desta função, também utilizar um fecha (d) }. O mesmo vale para quando utilizarmos (e) , quando abri-lo devemos fechá-lo. No caso do JavaScript é permitido inserir letras maiúsculas em nomes de funções e variáveis.
Qual a linguagem de programação utilizada na plataforma P5JS?
Python
C#
Java Script
Java
Qual instrução cria uma variável em Javascript, usando o editor do p5js?
@var xBolinha = 200;
function xBolinha(){
200;
}
let xBolinha = 200;
const xBolinha : 20;
Como você declara uma variável em JavaScript sem inicializar com valores?
int myVariable;
variable myVariable;
declare myVariable;
let myVariable;
Quais são as 2 palavras reservadas para criar uma variável?
var
declare
let
let
const
var
variable
let
declare
declare
let
const
