JavaScript 12/05

Repetir até acertar

if else

​parseInt()? É como se fosse um tradutor de texto para número.

console.log

console.log() é um comando do JavaScript que envia informações para o console do navegador

​Cria um número que começa em 0.

​Diz: "enquanto esse número for menor que 5, repita o que está dentro das chaves {}

​Mostra a frase: "Repetindo 0", depois "Repetindo 1", depois "Repetindo 2", e assim por diante..

​No JavaScript, a gente pode dar um nome para uma ação e usar esse nome depois.

​No JavaScript, a gente pode dar um nome para uma ação e usar esse nome depois.

​Aqui o nome da ação é digaOla. Quando você escreve digaOla(), o computador fala olá

​Função guardada em variável

​O que é const? É uma palavra reservada do JavaScript usada para criar uma variável. Mas diferente do let ou var, essa variável não pode ter o valor trocado depois.

​Jogo da Cobrinha

​A Canvas é uma tag HTML usada para desenhar gráficos, jogos, animações, imagens, etc., diretamente dentro da página web, usando JavaScript.

​ctx é o contexto de desenho 2D. Com ele, você pode desenhar formas, cores, imagens no canvas. Exemplo: ctx.fillRect() desenha um retângulo.

​Busca o elemento canvas do HTML com o id="gameCanvas". Guarda esse elemento na constante canvas.

​Isso define que cada quadradinho do jogo (como o corpo da cobrinha e a comida) vai ter 20 pixels de tamanho.

​Define o tamanho do campo de jogo (largura e altura do canvas). Isso será usado, por exemplo, para impedir a cobrinha de sair da tela.

​Define o tamanho do campo de jogo (largura e altura do canvas). Isso será usado, por exemplo, para impedir a cobrinha de sair da tela.

​Aqui a cobrinha é criada! Ela começa com apenas uma parte (a cabeça), no meio da tela.

​Aqui a cobrinha é criada! Ela começa com apenas uma parte (a cabeça), no meio da tela.

​let direction = "RIGHT"; Diz que a cobrinha começa indo para a direita.

​Coloca a comida em uma posição aleatória na tela. A função generateFood() cuida de dizer onde a comida vai aparecer.

​let score = 0; Começa a pontuação do jogo em 0. Cada vez que a cobrinha come a comida, esse número aumenta.

​function changeDirection(event) { Função que recebe um objeto event, que contém informações sobre a tecla apertada.

​Dentro desse evento, a propriedade key é uma string que representa exatamente qual tecla foi pressionada.

​function changeDirection(event) { Função que recebe um objeto event, que contém informações sobre a tecla apertada.

​Dentro desse evento, a propriedade key é uma string que representa exatamente qual tecla foi pressionada.

​Cria uma nova variável chamada head (cabeça). Essa head é uma cópia da posição atual da cabeça da cobrinha. snake[0] é a primeira parte da cobrinha (a cabeça). Isso é necessário para calcular a nova posição onde a cabeça vai se mover.

​snake.unshift(head) move a cobrinha para frente, colocando a nova cabeça no início do corpo.

​if (head.x === food.x && head.y === food.y) 🔍 Compara a posição da cabeça da cobra (head) com a posição da comida (food). Se x e y forem iguais, quer dizer que a cobrinha chegou exatamente onde está a comida.

​document.getElementById("score").textContent = score; Vai lá no HTML e muda o texto do elemento com id "score" para mostrar a nova pontuação.

​food = generateFood(); Chama a função generateFood() para sortear uma nova posição da comida na tela.

​snake.pop() remove a última parte da cobrinha (o rabo), Isso faz a cobra manter o mesmo tamanho (ela anda, mas não cresce).

Multiple Choice

O que significa a linha import javax.swing.JFrame?

• Importa a classe JFrame para ser usada no código isso serve para abrir uma janela

• Define o tamanho da tela

• Define o jogo automaticamente

• Executa o jogo Pac-Man

Multiple Choice

O método public static void main(String[] args) é responsável por:

• Fechar o programa

• Iniciar a execução do programa

• Criar variáveis do jogo

• Definir a posição da janela

Multiple Choice

Qual é o valor da variável larguraTabuleiro

• 21 × 32

• 19 × 32

• 21 × 19

• 32 × 32

Multiple Choice

Qual é o valor da variável alturaTabuleiro?

• 21 × 32

• 19 × 32

• 21 × 19

• 32 × 32

Multiple Choice

A linha JFrame janela = new JFrame("Pac-Man"); faz:

• Cria uma nova classe

• Define o tamanho da janela

• Finaliza a execução do jogo

• Cria uma janela com título "Pac-Man"

Multiple Choice

janela.setSize(larguraTabuleiro, alturaTabuleiro);

• Define o título da janela

• Define a posição da janela

• Define a largura e altura da janela

• Fecha a janela automaticamente

Multiple Choice

janela.setLocationRelativeTo(null);

• Fecha a janela

• Define o título da janela

• Aumenta o tamanho da janela

• Centraliza a janela na tela

Multiple Choice

O comando janela.setResizable(false); impede:

• Que a janela seja movida

• Que a janela seja fechada

• Que a janela seja redimensionada

• Que a janela seja aberta

Multiple Choice

O que acontece quando usamos janela.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);?

• O jogo reinicia ao fechar

• O jogo não pode ser fechado

• programa é encerrado ao fechar a janela

• O jogo salva os dados automaticamente

Open Ended

Se trocarmos setResizable(false) por setResizable(true), o que muda?

Open Ended

Se o usuário quiser mudar a posição da tela ao abrir o jogo, qual comando deve ser usado?

Open Ended

João quer que a janela do jogo mostre o título “Pega Maçã” em vez de “Pac-Man”. Como ele deve fazer?