Índice:
- Etapa 1: Abra o espaço de trabalho
- Etapa 2: Design da interface do usuário
- Etapa 3: Criar funções de clique
- Etapa 4: Função GetWinner
- Etapa 5: Chamar a função GetWinner
- Etapa 6: Obtenha a escolha da CPU
- Etapa 7: Escreva RandomPick
- Etapa 8: determinar o vencedor
- Etapa 9: Registre os resultados
- Etapa 10: Concluir
Vídeo: Pedra Papel Tesoura: 10 Passos
2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:36
Objetivo: Depois de concluir isso, você aprenderá a fazer um jogo simples de Pedra, Tesoura de Papel do zero usando Code.org.
Materiais / requisitos necessários: Noções básicas de sintaxe Javascript, um computador, uma conta Code.org.
Etapa 1: Abra o espaço de trabalho
1. Comece abrindo code.org, clique em criar um projeto e clique em app lab
Etapa 2: Design da interface do usuário
2. Clique na guia de design no canto superior esquerdo do ambiente de codificação e arraste três botões (Pedra, Papel, Tesoura). Rotule-os e altere seus IDs de acordo. Além disso, na guia de design, arraste os rótulos para: escolha da CPU, escolha do jogador e um indicador de vitória ou perda. Identifique-os de acordo, o resultado final deve ser semelhante à imagem acima.
Etapa 3: Criar funções de clique
Crie funções de evento que são executadas quando cada um dos botões é clicado. Para fazer isso, clique no botão desejado na guia de design e, a seguir, clique em inserir código na guia de eventos na área de trabalho de design.
Etapa 4: Função GetWinner
Escreva uma função chamada getWinner com o parâmetro “playersChoice”.
Etapa 5: Chamar a função GetWinner
Em cada função Click Event, chame a função getWinner, enviando uma string com o nome do item correspondente à função.
Etapa 6: Obtenha a escolha da CPU
Na função getWinner, inicialize uma variável “cpuChoice e envie um número aleatório de 0 a 2 para uma nova função randomPick. Crie a função randomPick com um parâmetro int.
Etapa 7: Escreva RandomPick
Na função randomPick, retorne um item diferente para cada número aleatório de 0 a 2. Ex. se x = 0 retorna “Rocha”. Defina o texto de um rótulo para “CPU escolhe” && item
Etapa 8: determinar o vencedor
De volta à função getWinner, compare playerChoice com cpuChoice usando instruções if else para determinar o vencedor. Inicializa um Booleano que é definido como verdadeiro se o Player for determinado o vencedor e permanece falso caso contrário. Cuidado: Verifique se há um empate primeiro.
Etapa 9: Registre os resultados
No final da função getWinner, defina uma variável global para a contagem de vitória da CPU e contagem de vitória do jogador e ajuste cada variável de acordo. Ajuste o rótulo correspondente no final da função getWinner (uma vez que o vencedor foi determinado). Altere o rótulo principal para “Você venceu” ou “Você perde” aqui também
Etapa 10: Concluir
Neste ponto, seu programa deve estar concluído, clique em executar e jogue o jogo para garantir que ele funcione corretamente.
Recomendado:
Tubo de LED de pedra de vidro (WiFi controlado por aplicativo de smartphone): 6 etapas (com imagens)
Tubo de LED de pedra de vidro (WiFi controlado por meio do aplicativo de smartphone): Olá, colegas fabricantes! Neste manual, mostrarei como construir um tubo de LED controlado por WiFi que é preenchido com pedras de vidro para um bom efeito de difusão. Os LEDs são endereçáveis individualmente e, portanto, alguns efeitos interessantes são possíveis no
Jogo de tesoura de papel de pedra: 6 etapas
Stone Paper Scissor Game: Este é o meu primeiro instrutível. Fazia muito tempo que queria escrever um mas não tinha nenhum projeto em mãos que pudesse publicar aqui. Então, quando tive a ideia desse projeto, decidi que era esse. Então, eu estava navegando no site de tensorflow.js
O preservador de papel: Economize papel higiênico com terapia de choque: 4 etapas
The Paper Preserver: Economize papel higiênico com terapia de choque: Todos nós já vimos as prateleiras vazias no supermercado e parece que vai faltar papel higiênico por um tempo. Se você não estocou cedo, provavelmente está na situação em que estou. Tenho uma casa de 6 e apenas alguns rolos para durar
Jogo de tesoura de pedra de papel Arduino portátil usando display LCD 20x4 com I2C: 7 etapas
Jogo Arduino Paper Rock Scissors portátil usando display LCD 20x4 com I2C: Olá a todos ou talvez eu devesse dizer "Olá, mundo!" Este é um jogo Arduino Paper Rock Scissors portátil usando um display LCD I2C 20x4. EU
Pedra Papel Tesoura AI: 11 etapas
Rock Paper Scissor AI: Já se sentiu entediado sozinho? Vamos jogar pedra, papel e tesoura contra um sistema interativo movido a inteligência