Crie jogos em HTML5 + javascript

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 16:15

Introdução

A criação de jogos de navegador é muito comum, mas nem tanto para os usuários do Game Maker. Agora que existe o Game Maker HTML5, isso pode mudar. Só que há um problema: nem todos podemos comprar a nova versão. Então, como fazer de forma gratuita, sem baixar nenhum programa? Você deve saber a resposta: Bloco de Notas.

Esse artigo vai mostrar como criar um jogo usando um software e duas linguagens, sendo uma não tão necessária no momento. Vamos precisar saber JavaScript.

Começando a fazer o primeiro jogo

Tudo o que precisaremos para iniciar é criar um arquivo de texto no bloco de notas. Vamos usar somente esse arquivo por enquanto.

Vamos começar. Primeiro, precisamos começar escrevendo:


O que isso faz? Diz que vamos começar a escrever em Javascript dentro da página html (você irá salvar como 'nome.html').

Depois, vamos adicionar nas linhas de baixo:


O que isso faz? Cria as variaveis. É o mesmo esquema do Game Maker.

Agora vamos checar se pressionamos as setas, temos que colocar o código delas (uma tabela será fornecida em breve).


Agora vamos dizer que se soltarmos a tecla, então as variaveis respectivas serão falsas:


Agora vamos desenhar o jogo, seria como criar a função Draw no game maker:


Context é um 'pacote' de funções que usamos no jogo. As funções de imagem são dele.
Também checamos se as variaveis eram veradeiras e movimentamos.
As três ultimas linhas: apaga tudo o que está desenhado, desenha o player, escreve nossa posição.

Vamos adicionar os códigos que avisam as funções de teclado quando houver alguma tecla pressionada ou solta:

A ultima linha faz a função drawgame se repetir a cada 30 milissecundos.

Estamos acabando com:

Canvas serve para criar a tela do jogo. É com ele que desenhamos tudo.

Código completo:

Ou então: http://freetexthost.com/wfrg02r4d1

Com isso, salve com extensão .html, clique no arquivo para abrir no navegador.
Mova-se com as teclas. Depois vamos fazer um jogo de plataforma.

Até mais!


Última edição por Pedro Henrique em Dom 16 Out 2011, 12:07, editado 5 vez(es)

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Sab 15 Out 2011, 16:20

cara, nao aparece um monte de codigos pra mim =/
tenta de outro jeito.
flw

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 16:25

Veja se está melhor agora.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Sab 15 Out 2011, 16:30

vlw, agora, deu.
cara, ja ja vo testa o script, mas, da pra faze jogos java em bloco de notas o.o
vo estuda mais o javascript, vc conhece uns sites de aula bons?

---edit----
precisa de algum programa especifico pra abri?
eu abri com o IE e nao funfo =/

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Livsk em Sab 15 Out 2011, 16:37

Viu pedro, não ta funfando.

Aparece:

//finaliza a escrita de javascript //fecha a tag //inicia o corpo //cria a tela do jogo na pagina

Como se fosse abrir um documento de texto.

Flws!

Livsk

Ranking : Nota C
Número de Mensagens : 364
Idade : 19
Data de inscrição : 02/06/2011
Notas recebidas : C + C + D + D + D + D + B + B + A + C + B
Reputação : 13
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 1

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 16:56

Eu desativei o html nessa mensagem, agora está funcionando?

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Sab 15 Out 2011, 16:57

nao, não é isso, os codigos aparecem tranquilamente, mas quando abrimos, nao aparece a tela do javascript...
é algum erro nos scripts, tenta revisa, flw

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 17:11

nao, não é isso, os codigos aparecem tranquilamente, mas quando abrimos, nao aparece a tela do javascript...
é algum erro nos scripts, tenta revisa, flw

Nem todos os navagadores dão suporte ao canvas.

Vamos fazer um teste, na onde está:
Código:
<canvas id="game_area" width="480" height="320"></canvas>
Substituam por:
Código:
<canvas id="game_area" width="480" height="320">Não suporta</canvas>

Assim saberemos se suporta ou não.

Se não tiver suporte, testem no Mozilla (recomendado) ou Chrome. Ou então tentem achar algum plugin (algo do tipo) para rodar no IE.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por WillianAssis em Sab 15 Out 2011, 17:41

Como faz para colocar um background ou player ( Se movendo )?

WillianAssis

Ranking : Nota C
Número de Mensagens : 43
Idade : 19
Data de inscrição : 23/06/2011
Notas recebidas : C - D
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por primz em Sab 15 Out 2011, 17:44

nao consigo aparece assim:


primz

Ranking : Nota C
Número de Mensagens : 321
Idade : 20
Data de inscrição : 09/02/2010
Notas recebidas : C
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 1

http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 18:00

nao consigo aparece assim
Eu coloquei comentários errados no final. Eu usei //, mas esse é só para javascript. Agora está melhor.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por primz em Sab 15 Out 2011, 18:03

agora aparece tudo branco

Sad

primz

Ranking : Nota C
Número de Mensagens : 321
Idade : 20
Data de inscrição : 09/02/2010
Notas recebidas : C
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 1

http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por psycon em Sab 15 Out 2011, 19:01

tudo em branco aqui

psycon

Ranking : Nota A
Número de Mensagens : 170
Data de inscrição : 13/01/2010
Notas recebidas : B-A
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 1
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Mr. Kaleb em Sab 15 Out 2011, 21:30

Aqui também só fica a tela branca :?

Mr. Kaleb

Ranking : Nota C
Número de Mensagens : 1400
Idade : 19
Data de inscrição : 07/09/2010
Notas recebidas : C
Reputação : 21
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 21:36

Fizeram o que eu disse? Nem todos os navagadores dão suporte ao canvas. Coloquem um texto qualquer entre as tags do canvas (ultimo codigo). Se aparecer, é porque seu browser não suporta o jogo.

Se não tiver suporte, testem no Mozilla (recomendado) ou Chrome. Para rodar no IE explorercanvas é uma opção.


---------------- Se ainda quiser tentar ------------------
Copiem o código hospedado aqui e colem no bloco de notas e salvem como .html:
http://freetexthost.com/wfrg02r4d1

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Joton em Sab 15 Out 2011, 22:16

SHOOOOOW aqui deu certo ressaca

Dá pra mover um quadrado preto na tela, javascript é igual ou semelhante a java?

Tô estudando java e quero saber se aprender posso reaproveitar o conhecimento no javascript!!!!!!!

Joton

Ranking : Nota B
Número de Mensagens : 836
Idade : 28
Data de inscrição : 25/07/2010
Notas recebidas : A+B+C
Reputação : 5
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 2
   : 0
   : 0

http://jotonsn.blogspot.com/

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por JV Justino em Sab 15 Out 2011, 22:24

Só consegui jogar depois que você mandou o link com os códigos completos.
Deve ser alguma coisa errada nos códigos do tópico.

flw

JV Justino

Ranking : Nota A
Número de Mensagens : 619
Idade : 19
Data de inscrição : 07/12/2010
Notas recebidas : A+A
Reputação : 20
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 22:28

SHOOOOOW aqui deu certo

Dá pra mover um quadrado preto na tela, javascript é igual ou semelhante a java?

Tô estudando java e quero saber se aprender posso reaproveitar o conhecimento no javascript!!!!!!!

Javascript não tem relação com o java. Pode ser que algo seja parecido, mas não tem relação forte.

Só consegui jogar depois que você mandou o link com os códigos completos.
Deve ser alguma coisa errada nos códigos do tópico.
Alguém sabe o que poderia ser?

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por JV Justino em Sab 15 Out 2011, 22:30

Pedro Henrique escreveu:Alguém sabe o que poderia ser?

Até mais!
Não faço a mínima ideia.
Comparei os códigos do link com os do tópico e não vi erro algum.

Que estranho! Suspect

JV Justino

Ranking : Nota A
Número de Mensagens : 619
Idade : 19
Data de inscrição : 07/12/2010
Notas recebidas : A+A
Reputação : 20
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Sab 15 Out 2011, 22:42

Eu retirei os comentários e coloquei eles fora do código.
Era a única diferença. No meu pc, roda normal.
Mas vai saber o que poderia ser.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Joton em Sab 15 Out 2011, 23:00

eu estava mexendo no código, quando fiz duas alterações aqui:

Código:
<canvas id="game_area" width="480" height="320"></canvas>

para

Código:
<canvas id="game_area" width="600" height="600"></canvas>

algo diferente aconteceu, testem pra ver o que é, nem sei como fiz Razz la!

Joton

Ranking : Nota B
Número de Mensagens : 836
Idade : 28
Data de inscrição : 25/07/2010
Notas recebidas : A+B+C
Reputação : 5
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 2
   : 0
   : 0

http://jotonsn.blogspot.com/

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Sab 15 Out 2011, 23:41

AEEE, agora funciono, eu acho que tinha copiado o codigo errado, agora baixei o mozilla e peguei o codigo que tava hospedado, muito fera cara, vou estudar, gostei da ideia de criar jogos no bloco de notas.
vlw ae pelo tuto, flw

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Denbs em Sab 15 Out 2011, 23:45

Consegui tbm,só tive q baixar o google chrome,incrível como um monte de código pode fazer um quadradinho com movimento...
interesante e novo pra mim,inclusive foi bom post, só assim muitas pessoas podem saber quais os recursos para fazer games...

Obs:no explorer naum deu(no meu pc, num sei no dos outros), eu queria saber como colocar esse joguinho(ou outros,feitos dessa maneira) em sites, blogs p jogar on-line,

flw

pra tirar duvida,é pra aparecer so um quadradim msm né?


Última edição por Denbs em Sab 15 Out 2011, 23:52, editado 1 vez(es)

Denbs

Número de Mensagens : 204
Idade : 19
Data de inscrição : 19/01/2011
Reputação : 0
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Sab 15 Out 2011, 23:51

cara, isso é um codigo html, se vc quiser, por exemplo no blogger
vc clica em criar um post, ai vai em html, ai copia a parte do codigo que começa lá
e depois a parte do canvas, cola lá que é pra funciona.
ou hospeda esse arquivo que vc salvo em algum site de hospedagem gratis (xpg por exemplo)
flw

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por primz em Dom 16 Out 2011, 09:48

ieiiiiiiiiiiiiiiii!
consegui, mas só quando coloquei o código completo.
muito bom!

pode continuar com outra aula?
eu queria muito aprender isso!

primz

Ranking : Nota C
Número de Mensagens : 321
Idade : 20
Data de inscrição : 09/02/2010
Notas recebidas : C
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 1

http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por ManiacoBranco em Dom 16 Out 2011, 10:40

Faz outra aula, gostei muito de aprender a mexer com o HTML5 é muito bom.

ManiacoBranco

Número de Mensagens : 157
Idade : 17
Data de inscrição : 07/03/2011
Reputação : 8
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por CRP-Max em Dom 16 Out 2011, 11:21

Pedro Henrique escreveu:Eu retirei os comentários e coloquei eles fora do código.
Era a única diferença. No meu pc, roda normal.
Mas vai saber o que poderia ser.

Até mais!
Vi um desafio aqui. Smile

Olha o erro.
Código:

function drawgame(){
context=game_area.getContext('2d');
if(left){
_x-=5;
}
if(right){
_x =5 // Falta um sinal de "+" depois do x
}
if(up){
_y-=5;
}
if(down){
_y =5;// Falta um sinal de "+" depois do y
}
  context.clearRect(0,0,480,320);
  context.fillRect(_x, _y,16, 16);
  context.fillText(String(_x) ', ' String(_y),10,10)// Falta um sinal de "+" depois do (_x) e do (_y)
  }
Por algum motivo apenas faltou uns sinais de "+". investigador

Joton escreveu:eu estava mexendo no código, quando fiz duas alterações aqui:

Código:
<canvas id="game_area" width="480" height="320"></canvas>

para

Código:
<canvas id="game_area" width="600" height="600"></canvas>

algo diferente aconteceu, testem pra ver o que é, nem sei como fiz Razz la!
Pra ficar com esse "aspecto" em toda a área muda esta linha de comando também.

Código:
context.clearRect(0,0,0,0);
E veja o que acontece... Happy

Explicação:
Esse comando pede pra "limpar" a tela neste intervalo (480,320), por isso como foi aumentado o espaço do jogo o resto, não era limpado.
Alterando para este código, nada sera limpo, e mudara toda a ideia do "jogo"...
What a Face


Última edição por CRP-Max em Dom 16 Out 2011, 12:25, editado 1 vez(es)

CRP-Max

Ranking : Nota C
Número de Mensagens : 819
Idade : 41
Data de inscrição : 28/10/2008
Notas recebidas : C
Reputação : 29
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Dom 16 Out 2011, 12:17

Tedi Ripper escreveu:AEEE, agora funciono, eu acho que tinha copiado o codigo errado, agora baixei o mozilla e peguei o codigo que tava hospedado, muito fera cara, vou estudar, gostei da ideia de criar jogos no bloco de notas.
vlw ae pelo tuto, flw
Ainda bem que funcionou. Realmente parece bem legal. Eu estou analisando as limitações dele, para ver até onde dá para chegar.


Consegui tbm,só tive q baixar o google chrome,incrível como um monte de código pode fazer um quadradinho com movimento...
No Game Maker seria um pouco mais simples. Mas aqui temos que fazer tudo na mão mesmo, não existem muitas coisas pré-definidas.


interesante e novo pra mim,inclusive foi bom post, só assim muitas pessoas podem saber quais os recursos para fazer games...
Valeu.

Obs:no explorer naum deu(no meu pc, num sei no dos outros), eu queria saber como colocar esse joguinho(ou outros,feitos dessa maneira) em sites, blogs p jogar on-line
pra tirar duvida,é pra aparecer so um quadradim msm né?
Para colocar online, basta você hospedar em algum site.
Era para aparecer o quadrado e o texto, indicando a posição.

primz escreveu:
pode continuar com outra aula?
eu queria muito aprender isso!
Sim. Ainda faltam mais detalhes. Não temos nem inimigos, nem sequer paredes...

ManiacoBranco escreveu:Faz outra aula, gostei muito de aprender a mexer com o HTML5 é muito bom.
Como disse, vou fazer.

CRP-Max escreveu:Por algum motivo apenas faltou uns sinais de "+".
Agora eu hospedei tudo no Google Docs.
Acho que vai funcionar.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por luiz_eldorado em Dom 16 Out 2011, 12:50

Há! Pra mim funcionou legal XD
Só que, por causa do context.clearRect(0,0,0,0); ele ficava, mmm, travado em algumas partes...
Mas muito dahora, mas será que se a gente por no blogger funciona mesmo? Vou tentar

Bem, eu fiz a mudança do 600x600 e retirei os comentários, e testei no Google Chrome.


Última edição por luiz_eldorado em Dom 16 Out 2011, 13:11, editado 1 vez(es)

luiz_eldorado

Ranking : Nota C
Número de Mensagens : 928
Idade : 17
Data de inscrição : 30/07/2011
Notas recebidas : C
Reputação : 47
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 1

http://luizpontes.tk/

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Super Games em Dom 16 Out 2011, 13:04

Realmente, achei show o tutorial Pedro!
Funcionou sem erros aqui, você conhece um bom tutorial de JavaScript?

Super Games

Ranking : Nota D
Número de Mensagens : 2704
Idade : 18
Data de inscrição : 10/06/2010
Notas recebidas : D
Reputação : 10
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Dom 16 Out 2011, 13:31

Tsurugi Kyousuke
Alguns sites:
http://www.truquesedicas.com/tutoriais/javascript/index.htm

Navegue nesse site (relaciona com o que fizemos):
http://home.cogeco.ca/~ve3ll/jstutorg.htm
------------------------
Obs: Enquanto não tiver uma ferramenta boa para trabalhar com jogos em javascript, não será fácil criar jogos decentes.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Dom 16 Out 2011, 16:01

legal, dei uma checada agora nesses codigos, tipo, a parte ali da function, tipo, vc crio funçoes e depois executo? como a keyup, keydown e draw_game.
se for, UHULES, to aprendendo Feliz Feliz

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Dom 16 Out 2011, 17:52

É isso mesmo.
As funções podem ser comparadas aos scripts do game maker.
Criamos os scripts e depois chamamos eles.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por peixoto em Dom 16 Out 2011, 18:00

Muito legal o seu tutorial pedro henrique!

Ando querendo aprender sobre html, pode me mandar seu msn por mp?

peixoto

Ranking : Nota D
Número de Mensagens : 911
Idade : 21
Data de inscrição : 14/02/2010
Notas recebidas : D
Reputação : 3
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Denbs em Dom 16 Out 2011, 19:19

Era para aparecer o quadrado e o texto, indicando a posição.

Apareceu sim a posição, so q esqueci de falar...
Obs: Enquanto não tiver uma ferramenta boa para trabalhar com jogos em javascript, não será fácil criar jogos decentes.

que ferramenta seria essa?Pois fiquei desanimado ao olhar um site de jogos em javascript, jogos eram bem toscos lá...queria saber como carregar sprites e backgronds(num sei se é o mesmo nome)

Denbs

Número de Mensagens : 204
Idade : 19
Data de inscrição : 19/01/2011
Reputação : 0
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Fireheaddew em Dom 16 Out 2011, 20:43

Pedro Henrique escreveu:
Obs: Enquanto não tiver uma ferramenta boa para trabalhar com jogos em javascript, não será fácil criar jogos decentes.

Até mais!
E eu achava que o World's Biggest Pacman usava Javascript... scratch

Fireheaddew

Número de Mensagens : 235
Data de inscrição : 04/11/2010
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Dom 16 Out 2011, 23:00

E eu achava que o World's Biggest Pacman usava Javascript...
Não sei se é. Mas se for e você está querendo dizer que é um jogo decente, concordo. Eu disse que não seria fácil fazer, não que seria impossível. Por enquanto, faltam tutoriais e exemplos na internet sobre como fazer jogos nessa plataforma. Não temos muitas 'engines' de javascript para jogos. Eu espero achar mais informações úteis para passar pra vocês. Eu achei alguns sites interessantes, mas falta dar uma revisada e uma adaptação.

Até mais!

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Tedi Ripper em Seg 17 Out 2011, 00:00

cara, vc vai posta algum outro tuto?
se nao me engano vc falo algo sobre plataforma.
to ansioso pra ve.
flw

Tedi Ripper

Ranking : Nota C
Número de Mensagens : 765
Idade : 19
Data de inscrição : 21/11/2010
Notas recebidas : C
Reputação : 24
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Seg 17 Out 2011, 14:58

Calma né.
Eu preciso ler algumas fontes, adaptar, inovar, fazer várias coisas para o tutorial ficar bom.

Enquanto isso, como disseram que os jogos em javascript não são muito bons, vejam alguns jogos bons (alguns são legais):

http://www.webresourcesdepot.com/25-amazing-javascript-games-some-fun-and-inspiration/

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Denbs em Seg 17 Out 2011, 15:32

Estife fuçando os tutos aki do forum e olha o q achei(falo isso como se nenhum de vcs nunca tivessem visto)-gjava-game-maker-no-navegador
http://gmbr.forumeiros.com/t8308-gjava-game-maker-no-navegador

Então o gmhtml5 e o javascript não são as únicas saidas ne?ou ñ?
pq não comentam mais sobre essa forma de postar jogos on-line?

flw

Denbs

Número de Mensagens : 204
Idade : 19
Data de inscrição : 19/01/2011
Reputação : 0
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Petiz em Seg 24 Out 2011, 20:39

Olha só esse jogo feito em HTML5:

Spoiler:

Link: http://rpgjs.com/examples/examples/demo-beta

Editado: O jogo foi colocado num spoiler, para a página não ficar lenta.

Petiz

Número de Mensagens : 60
Data de inscrição : 17/10/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Seg 24 Out 2011, 20:53

Então o gmhtml5 e o javascript não são as únicas saidas ne?ou ñ?
pq não comentam mais sobre essa forma de postar jogos on-line?
É claro que não.
Temos o flash, entre outros menos conhecidos.
Além disso, o GM HTML5 só serve para organizar as coisas, pois você pode criar tudo manualmente (demoraria). Mas fazer o que se não der para comprar... Uma solução seria usar outra ferramenta, sendo ela avançada ou básica (notepad).

Não comentamos pois não houve tanto interesse, exige certas coisas para funcionar (Game Maker 6.1 p. ex.), entre outros.

Olha só esse jogo feito em HTML5:
Esse jogo é simples, mas cheio de códigos.
Eu não penso em fazer jogos em html5 manualmente. Vou procurar uma ferramenta (se eu for querer mesmo).

E esse artigo não era para ser tutorial, mas só um incentivo, um guia de como começar. Acho que parou por aqui.

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Petiz em Seg 24 Out 2011, 20:58

Faz mais isso não, pensei que minha barra de Warning foi diminuída 25%!
Ei eu estou criando uma plataforma em Air e ActionScript que irá ajudar usuários desenvolver aplicativos em HTML5 sem precisar do GM HTML5. Se quiser me ajudar será uma honra trabalhar contigo.

Petiz

Número de Mensagens : 60
Data de inscrição : 17/10/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por PedroX em Seg 24 Out 2011, 21:14

Faz mais isso não, pensei que minha barra de Warning foi diminuída 25%!
Quando uma mensagem foge das regras, nós a editamos.

Ei eu estou criando uma plataforma em Air e ActionScript que irá ajudar usuários desenvolver aplicativos em HTML5 sem precisar do GM HTML5. Se quiser me ajudar será uma honra trabalhar contigo.
E como eu poderia ajudar?
O que eu precisaria saber?

Até mais!

PedroX

Ranking : Nota C
Número de Mensagens : 6034
Idade : 21
Data de inscrição : 26/07/2008
Notas recebidas : C+B
Reputação : 286
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Petiz em Seg 24 Out 2011, 21:19

Você tem msn? se tiver me add agora: mcrazzy2010@hotmail.com
-Basta você saber algumas funções do HTML5 e se puder me ajudar com os Icones... ou se você souber mexer com o Flash já ta legal.

Petiz

Número de Mensagens : 60
Data de inscrição : 17/10/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Vikintor em Qua 26 Out 2011, 19:03

Infelizmente os scripts não apareceram para mim.
Acredito que o melhor momento para comprar o Gm Html5 é agora para quem pretende,afinal no tempo do beta sai muito mais barato.
Porem depois de ver a demo postada por Petiz vou tentar voltar ao rpg maker
Cool

Vikintor

Ranking : Nota B
Número de Mensagens : 901
Idade : 26
Data de inscrição : 28/03/2010
Notas recebidas : B
Reputação : 17
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://vikintor.tumblr.com/

Voltar ao Topo Ir em baixo

Re: Crie jogos em HTML5 + javascript

Mensagem por Conteúdo patrocinado Hoje à(s) 09:44


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum