Como criar um jogo em javascript – criar jogo do zero com html e JavaScript
? Código e imagens para download: https://goo.gl/hPv1N3
? Baixe meu jogo DE GRAÇA https://goo.gl/SpZXSt
? Curta minha página no Facebook: https://goo.gl/hjGZu4
? Minhas redes sociais: https://goo.gl/2CmWcX
☑️ INSCREVA-SE: https://goo.gl/cWthD2
Meus contatos
facebook: https://goo.gl/hjGZu4
instagram: https://goo.gl/oZzddF
twitter: https://goo.gl/UGRJFF
email: contato@filipealves.com.br
Original source
24 responses to “Tutorial – Criar jogo em javascript e html 5”
mt bom.. vlw
como deixa a letra colorida???
essa pagina onde escreve os codigos qual é ?
Olá Felipe, não consegui baixar os arquivos, tem como disponibilizar um link direto para ele?
Nao consegui baixar .Não aparece no meu e-mail. Tem como me enviar ?
o meu não esta dando erro mais o loop não esta sempre somando não consegui identificar o problema você pode me ajudar?
meu código ta ai
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title> Minha Engine </title>
<style>
canvas{
position:absolute;
top: 0px;
left:0px;
right:0px;
margin:auto;
}
</style>
</head>
<body>
<script>
//Variáveis do Jogo
var canvas, ctx, ALTURA, LARGURA, frames = 0;
function clique(event){
alert("clicou");
}
function main(){
ALTURA = window.innerHeight;
LARGURA = window.innerHeight;
if(LARGURA >= 500){
LARGURA = 600;
ALTURA = 600;
}
canvas = document.createElement("canvas");
canvas.width = LARGURA;
canvas.height = ALTURA;
canvas.style.border = "1px solid #000";
ctx = canvas.getContext("2d");
document.body.appendChild(canvas);
document.addEventListener("mousedown",clique);
roda();
}
function roda(){
atualiza();
desenha();
windows.requestAnimationFrame(roda);
}
function atualiza(){
frames++;
}
function desenha(){
ctx.fillStyle = "#50beff";
ctx.fillRect(0, 0, LARGURA, ALTURA);
}
//inicializa o jogo
main();
</script>
</body>
Show!
o meu ta bugando na desgraça da altura e da largura
Gostei sua aula é bem clara e dinâmica sem enrolação como muitos por ai, que nem em um canal de um tal de Guanabara que antes de explicar qualquer aula, tem que contar a historia até do bixo da seda e a cada 10 min de vídeo 6 é de propaganda de patrocinador.
Obs.: Quem tiver feito e não ter dado certo, poe em inspecionar elemento no chrome e clica no erro, vai aparecer o caminho do código clica duas vezes e vai abrir a linha e o código que você errou. Eu tinha errado e não tava rodando,
deu certo maninho, mas a minha não ficou no centro mas nada que não der para depois arrumar.
cara eu n sei como faz pra abrir o jogo tipo eu n consigo explica melhor ai eu fiz o script todo so que nao sei abrir vc so abre do nada ai n tem como ver certo
no meu pc o canvas ficou retangular
felipe alves o meu esta bugando na parte do innerHeigth e innerwidth
Não estou recebendo o email do download nem no span
vc é foda
parabens
como faço pra ter o html, ele é pago, por favor me ajuda
Filipe Alves, não entendi muito a lógica
if( LARGURA >= 500 )
LARGURA = ALTURA = 600;
não seria
if( LARGURA > 600 )
LARGURA = ALTURA = 600;
mano tu é foda pra caralho
Muito boa a explicação e foi tranquilo a reprodução do código. Parabéns!
seu syntax ta setado pra html?
Como vc fez o layout desse jogo? vc explica isso?
Se eu fazer como eu coloco isso no meu site? vou ter só que copiar o código?
Olá, boa tarde. irmão como faço para inserir esse código no meu site: <a href="javascript:window.open('http://site.org/certificado.php?url=site.com.br', 'c_TW', 'location=no, toolbar=no, width=600, height=670');'>
<img src="http://site.com.br/selo.php" width='300' border='0'>
</a>. é código de selo que quero colocar no meu site. O meu site tem a opção "Incluir código HTML". Qual é a estrutura que precisar ser feita pra colocar esse código dentro? Me ajude, por favor!
Cara! Quando vou testar, não aparece a tela azul , ela permanece branca o que eu faço?
por que meu frame quando dou um search no console aparece NaN ?
que eu saiba NaN é retornavel quando uma operação falha, qual a solução entao ?