Entrar
Últimos assuntos
» player não consegue andarpor lovn7 Qui 21 Nov 2024, 13:33
» É possível fazer istó no game maker
por William Lima Qui 21 Nov 2024, 10:56
» Rio Rise - novo launcher do Gta San Andreas SAMP Brasil
por Lua Sáb 16 Nov 2024, 20:22
» (Resolvido) Cenario longo x Texture Pages
por josuedemoraes Sáb 16 Nov 2024, 15:31
» Kids' band
por Adilson Lucindo Santos Sex 15 Nov 2024, 12:23
» (RESOLVIDO) Engasgos-Troca de Sprites/animações
por josuedemoraes Ter 12 Nov 2024, 01:49
» Block Room - DEMO
por Joton Qua 06 Nov 2024, 22:58
» Game Infinito vertical (subindo)
por macmilam Sáb 26 Out 2024, 12:36
» Retorno da GMBR!!!
por Dancity Ter 22 Out 2024, 16:36
» Máquina de estados
por aminaro Qui 10 Out 2024, 13:33
» como faço pra um objeto colidir com o outro e diminuir a vida do player ?
por josuedemoraes Qui 03 Out 2024, 16:51
» RESOLVIDO: Colisão com objetos moveis
por josuedemoraes Qua 02 Out 2024, 20:28
» Crypt of the Blood Moon
por divin sphere Qua 11 Set 2024, 18:18
» como fazer um objeto seguir?
por divin sphere Dom 18 Ago 2024, 18:08
» Procuro de alguém para Modelar/Texturizar/Animar objetos 3D
por un00brn Dom 11 Ago 2024, 11:10
» Destruição de cenário (estilo DD Tank)
por CoronelZeg Sex 09 Ago 2024, 17:16
» RESOLVIDO-Como destruir uma instancia especifica de um objeto
por josuedemoraes Ter 23 Jul 2024, 00:40
» Automatizar a coleta de id
por GabrielXavier Seg 22 Jul 2024, 18:01
» Preciso de ajuda para concluir um pequeno projeto
por lmoura Qui 27 Jun 2024, 15:45
» ANGULO ACOMPANHAR O OBJETO
por Klinton Rodrigues Qui 27 Jun 2024, 08:34
» Musica reinicia quando sala reinicia
por GabrielXavier Ter 18 Jun 2024, 07:28
» como fazer uma copia de gd
por generico_cube Sex 14 Jun 2024, 15:48
» Square Adventure
por guilherme551 Ter 11 Jun 2024, 09:54
» como posso definir limite de uma variavel
por GabrielXavier Sex 07 Jun 2024, 14:14
» [Resolvido] Dúvida, colisão única de objeto
por vdm842 Sex 24 maio 2024, 09:50
Crie jogos em HTML5 + javascript
+14
Super Games
luiz_eldorado
CRP-Max
ManiacoBranco
Denbs
JV Justino
Joton
Mr. Kaleb
psycon
primz
WillianAssis
Livsk
Tedi Ripper
PedroX
18 participantes
Página 2 de 3
Página 2 de 3 • 1, 2, 3
Re: Crie jogos em HTML5 + javascript
eu estava mexendo no código, quando fiz duas alterações aqui:
para
algo diferente aconteceu, testem pra ver o que é, nem sei como fiz
- 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
Re: Crie jogos em HTML5 + javascript
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
vlw ae pelo tuto, flw
Tedi Ripper- Games Ranking :
Data de inscrição : 21/11/2010
Reputação : 25
Número de Mensagens : 777
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
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,
pra tirar duvida,é pra aparecer so um quadradim msm né?
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,
pra tirar duvida,é pra aparecer so um quadradim msm né?
Última edição por Denbs em Sáb 15 Out 2011, 23:52, editado 1 vez(es)
Denbs- Data de inscrição : 19/01/2011
Reputação : 0
Número de Mensagens : 204
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
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
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- Games Ranking :
Data de inscrição : 21/11/2010
Reputação : 25
Número de Mensagens : 777
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
ieiiiiiiiiiiiiiiii!
consegui, mas só quando coloquei o código completo.
muito bom!
pode continuar com outra aula?
eu queria muito aprender isso!
consegui, mas só quando coloquei o código completo.
muito bom!
pode continuar com outra aula?
eu queria muito aprender isso!
Re: Crie jogos em HTML5 + javascript
Faz outra aula, gostei muito de aprender a mexer com o HTML5 é muito bom.
ManiacoBranco- Data de inscrição : 07/03/2011
Reputação : 8
Número de Mensagens : 157
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
Vi um desafio aqui.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!
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)
}
Pra ficar com esse "aspecto" em toda a área muda esta linha de comando também.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
- Código:
context.clearRect(0,0,0,0);
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"...
Última edição por CRP-Max em Dom 16 Out 2011, 12:25, editado 1 vez(es)
CRP-Max- Games Ranking :
Notas recebidas : C
Data de inscrição : 28/10/2008
Reputação : 29
Número de Mensagens : 822
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
Ainda bem que funcionou. Realmente parece bem legal. Eu estou analisando as limitações dele, para ver até onde dá para chegar.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
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.
Consegui tbm,só tive q baixar o google chrome,incrível como um monte de código pode fazer um quadradinho com movimento...
Valeu.
interesante e novo pra mim,inclusive foi bom post, só assim muitas pessoas podem saber quais os recursos para fazer games...
Para colocar online, basta você hospedar em algum site.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é?
Era para aparecer o quadrado e o texto, indicando a posição.
Sim. Ainda faltam mais detalhes. Não temos nem inimigos, nem sequer paredes...primz escreveu:
pode continuar com outra aula?
eu queria muito aprender isso!
Como disse, vou fazer.ManiacoBranco escreveu:Faz outra aula, gostei muito de aprender a mexer com o HTML5 é muito bom.
Agora eu hospedei tudo no Google Docs.CRP-Max escreveu:Por algum motivo apenas faltou uns sinais de "+".
Acho que vai funcionar.
Até mais!
Leia o Manual do Iniciante e a Lista de Tutoriais, para aprender bastante sobre o GM.
Recomendo o Manual completo das colisões, bem útil.
O exemplo Criar um chat (banir, kickar, etc) é interessante.
Para seu jogo ficar rápido e legal, aprenda a Aumentar o desempenho do seu jogo.
Aprenda a calcular a velocidade de suas animações
Entre para o Clube do Inglês:
Re: Crie jogos em HTML5 + javascript
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.
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)
Re: Crie jogos em HTML5 + javascript
Realmente, achei show o tutorial Pedro!
Funcionou sem erros aqui, você conhece um bom tutorial de JavaScript?
Funcionou sem erros aqui, você conhece um bom tutorial de JavaScript?
Super Games- Games Ranking :
Notas recebidas : C
Data de inscrição : 10/06/2010
Reputação : 36
Número de Mensagens : 2800
Prêmios :
x 0 x 0 x 0
x 0 x 1 x 0
x 0 x 0 x 0
Plataformas :- Game Maker 8.0 ou 8.1
- Game Maker Studio 1.4
- Game Maker Studio 2.0
- Java
- Godot
- Javascript
- C ou C++
Re: Crie jogos em HTML5 + javascript
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!
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!
Leia o Manual do Iniciante e a Lista de Tutoriais, para aprender bastante sobre o GM.
Recomendo o Manual completo das colisões, bem útil.
O exemplo Criar um chat (banir, kickar, etc) é interessante.
Para seu jogo ficar rápido e legal, aprenda a Aumentar o desempenho do seu jogo.
Aprenda a calcular a velocidade de suas animações
Entre para o Clube do Inglês:
Re: Crie jogos em HTML5 + javascript
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
se for, UHULES, to aprendendo
Tedi Ripper- Games Ranking :
Data de inscrição : 21/11/2010
Reputação : 25
Número de Mensagens : 777
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
É isso mesmo.
As funções podem ser comparadas aos scripts do game maker.
Criamos os scripts e depois chamamos eles.
Até mais!
As funções podem ser comparadas aos scripts do game maker.
Criamos os scripts e depois chamamos eles.
Até mais!
Leia o Manual do Iniciante e a Lista de Tutoriais, para aprender bastante sobre o GM.
Recomendo o Manual completo das colisões, bem útil.
O exemplo Criar um chat (banir, kickar, etc) é interessante.
Para seu jogo ficar rápido e legal, aprenda a Aumentar o desempenho do seu jogo.
Aprenda a calcular a velocidade de suas animações
Entre para o Clube do Inglês:
Re: Crie jogos em HTML5 + javascript
Muito legal o seu tutorial pedro henrique!
Ando querendo aprender sobre html, pode me mandar seu msn por mp?
Ando querendo aprender sobre html, pode me mandar seu msn por mp?
peixoto- Games Ranking :
Notas recebidas : D
Data de inscrição : 14/02/2010
Reputação : 3
Número de Mensagens : 911
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
Apareceu sim a posição, so q esqueci de falar...Era para aparecer o quadrado e o texto, indicando a posição.
que ferramenta seria essa?Obs: Enquanto não tiver uma ferramenta boa para trabalhar com jogos em javascript, não será fácil criar jogos decentes.
Denbs- Data de inscrição : 19/01/2011
Reputação : 0
Número de Mensagens : 204
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
E eu achava que o World's Biggest Pacman usava Javascript...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!
Fireheaddew- Data de inscrição : 04/11/2010
Reputação : 1
Número de Mensagens : 235
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + 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.E eu achava que o World's Biggest Pacman usava Javascript...
Até mais!
Até mais!
Leia o Manual do Iniciante e a Lista de Tutoriais, para aprender bastante sobre o GM.
Recomendo o Manual completo das colisões, bem útil.
O exemplo Criar um chat (banir, kickar, etc) é interessante.
Para seu jogo ficar rápido e legal, aprenda a Aumentar o desempenho do seu jogo.
Aprenda a calcular a velocidade de suas animações
Entre para o Clube do Inglês:
Re: Crie jogos em HTML5 + javascript
cara, vc vai posta algum outro tuto?
se nao me engano vc falo algo sobre plataforma.
to ansioso pra ve.
flw
se nao me engano vc falo algo sobre plataforma.
to ansioso pra ve.
flw
Tedi Ripper- Games Ranking :
Data de inscrição : 21/11/2010
Reputação : 25
Número de Mensagens : 777
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Re: Crie jogos em HTML5 + javascript
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!
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!
Leia o Manual do Iniciante e a Lista de Tutoriais, para aprender bastante sobre o GM.
Recomendo o Manual completo das colisões, bem útil.
O exemplo Criar um chat (banir, kickar, etc) é interessante.
Para seu jogo ficar rápido e legal, aprenda a Aumentar o desempenho do seu jogo.
Aprenda a calcular a velocidade de suas animações
Entre para o Clube do Inglês:
Re: Crie jogos em HTML5 + javascript
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
https://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?
https://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?
Denbs- Data de inscrição : 19/01/2011
Reputação : 0
Número de Mensagens : 204
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Página 2 de 3 • 1, 2, 3
Tópicos semelhantes
» [Tutorial] Variáveis em HTML5 + Javascript
» [Tutorial] Desenvolvendo Jogos em Javascript!
» Crie jogos para psp
» Michael volta pra casa divulgado no Crie Jogos.com!
» Hospedagem de jogos HTML5
» [Tutorial] Desenvolvendo Jogos em Javascript!
» Crie jogos para psp
» Michael volta pra casa divulgado no Crie Jogos.com!
» Hospedagem de jogos HTML5
Página 2 de 3
Permissões neste sub-fórum
Não podes responder a tópicos