Criando o游戏Pong com JS em menos de 5 minutos

Conhecendo o jogo

Antescomeçarmosépreciso saber oqueéo Pong。 Pongéum dos primeiros jogo criados,2个jogadores的模拟游戏和游戏。 Cada jogador tem uma especie de barra que ele poute controla para cima ou para baixo com o intuito de rebater a bola,se bola passar da barra o jogador que rebateu gan ha um ponto。 Éum jogo bem simples e perfeito para programadores iniciantes

Começando

Paracomeçarmosvamos criar uma pasta ondeficaránossos arquivos。 Dentro dessa pasta crie o arquivo index.html通过批注或元素画布进行批注。

播放器的播放器和播放器一样,可作为播放器使用。 document.eventListener()事件的侦听器之间的关联

Codando ricochete da Bolinha

Paracomeçarmosprecisamos deixar 2 coisas claras。

1月1日-Quando a bolinha acerta o teto ou ochãoela apenas muda aorientaçãodo eixo Y(反之亦然)

2月2日-Quando a bolinha acerta a barra ela apenas muda adireçãono eixo X(se estava indo para direita agora vai para esquerda)

Todos essescálculossãofeitos nafunçãoloop e ela fica assim:

即时消息:

Verificando se algum播放器pontuou,reiniciando jogo e exibindo os pontos

Nesse momento o jogoestáquase pronto mas sevocêjogariráver que quandoalguémmarca um ponto o jogonãoreseta e os pontosnãosãocontabilizados。 参演者pontuou。

正确的对等的证明X或菜单0播放器2或播放器2的对等点(在播放器2上播放)/对讲机的必要性somar o tamanho da bola mais是一个高度正确的画布(球员1的角色)。

Feitoiséésóadicionar os pontos e resetar o game initBall() quejáestápronta

进入一个有趣的循环fica assim:

没有画布的Final finalizarmos resta colocar os pontos,没有画布的parasso usaremos umafunçãochamada writePoints() escrever os pontos没有画布

最后添加一个funcãopronta basta apenasadicioná-lanafunçãodraw draw() eo resultado finaléesse aqui:

Mues obrigado por leratéaqui,espero que tenha sidoútilno seu aprendizado e quevocêtenha entendido um pouco mais sobre javascript e canvas。

Qualquer duvida ousugestãosegue meu电子邮件和民意调查

电子邮件:willyan.dantunes@gmail.com

GitHub:https://github.com/willyandan

Github做项目:https://github.com/willyandan/pong-game

脸书:https://www.facebook.com/willyan.antunes

特别是安德烈·马可·卢卡斯·索萨(AndréMarco e a Lucas Souza que me auxiliaram)的职位。