Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá pessoal, eu baixei o jogo e adicionei no Github, mas não está rodando o jogo no navegador quando abro o index.html, fica apenas carregando. Alguém pode me ajudar?
Esse é o link do meu repositório: https://github.com/Daniflav94/Jogo-Classico-Freeway/tree/main
Oi Daniele
Se você abrir a ferramenta de inspeção (F12) e ir na aba console você verá que está com erro por não ter os sons e imagens na hora da importação, você precisa inserir os sons na pasta certa.
Parabéns pelo empenho nos estudos!
Continue praticando e qualquer dúvida pode contar com a gente.
Oi Guilherme, não estou conseguindo arrumar. Eu fiz o teste com o outro jogo pong, fiz o download do pacote zip e acontece o mesmo problema, o estranho é que no p5.js Web Editor o jogo roda normalmente.
O pacote zip veio com esses arquivos:
Dei uma olhada no código e parecem estar referenciados corretamente:
<!DOCTYPE html><html lang="en"><head>
<script src="p5.js"></script>
<script src="p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8">
</head>
<body>
<script src="sketch.js"></script>
<script src="imagens.js"></script>
<script src="ator.js"></script>
<script src="carro.js"></script>
<script src="p5.collide2d.js"></script>
</body></html>let imagemEstrada;
let imagemCarro1;
let imagemCarro2;
let imagemCarro3;
let imagemCarro4;
let imagemAtor;
let somTrilha;
let somColisao;
let somPonto;
function preload(){
imagemEstrada = loadImage("Imagens/estrada.png");
imagemAtor = loadImage("Imagens/cao3.png");
imagemCarro1 = loadImage("Imagens/car1-1.png");
imagemCarro2 = loadImage("Imagens/car2-1.png");
imagemCarro3 = loadImage("Imagens/car3-1.png");
imagemCarro4 = loadImage("Imagens/car4-1.png");
imagemCarros = [imagemCarro1, imagemCarro2, imagemCarro3, imagemCarro4];
somTrilha = loadSound("Sons/trilha.mp3");
somColisao = loadSound("Sons/colidiu.mp3");
somPonto = loadSound("Sons/pontos.wav");
}
Oi Daniele
Qual é o projeto que baixou completo ? Você tem um link para me passar?
Oi Daniele
Abrindo o arquivo direto ele realmente vai continuar dando o erro devido a um bloqueio de segurança do próprio navegador chamado CORS, para conseguir executar o código você precisa criar um servidor local.
Você tem o NodeJS instalado em seu computador?
tenho sim
Maravilha, agora você pode instalar o http-server que é um servidor web simples que irá fazer o projeto rodar na sua máquina.
npm install --global http-serverhttps://www.npmjs.com/package/http-server
Ai basta ir na pasta que está o projeto pelo terminal e executar http-server e entrar no endereço http://localhost:8080
Deu certo!! Muito obrigada pela ajuda!!
Uma última dúvida, no github eu coloco essas instruções para quem quiser executar o jogo?
Que maravilha Daniele.
Em relação ao github você pode deixar as instruções sim no README.md e também pode criar um git pages https://pages.github.com/
Olha o exemplo aqui com o projeto: https://www.youtube.com/watch?v=BU-w2_Aae54
É bem tranquilo de publicar seu repositório no git pages.
Guilherme , obrigada por compartihar o link do youtube me ajudou muito.