Curso de HTML5 - Desenv. de Jogos com JavaScript Básico

Curso de

HTML5 - Desenv. de Jogos com JavaScript Básico

Aprenda como desenvolver de games usando HTML5 e suas tecnologias correlacionadas (CSS3, APIs JavaScript (canvas) e etc).

Adquira este curso de forma avulsa

Curso de HTML5 - Desenv. de Jogos com JavaScript Básico

HTML5 - Desenv. de Jogos com JavaScript Básico

6x R$ 24,98

R$ 149,90 à vista

Informações sobre o curso

Sobre o curso

Utilizando o HTML5 juntamente com as folhas de estilos CSS3 e o JavaScript é possível desenvolvermos jogos de uma forma muito rápida e compatível com diversas plataformas, o que antes não era possível com "antigas" plataformas como, por exemplo, o Adobe Flash, em que é necessário realizar adaptações para que o mesmo jogo seja executado em diferentes dispositivos (e ainda assim sem garantia, já que nem todos os sistemas suportam Flash).

Ao utilizar o HTML5 é possível criar jogos de forma simples, utilizando os conceitos já aplicados em uma aplicação web comum, o que torna bem baixa a curva de aprendizado, uma vez que o aluno conheça o básico de HTML5, JavaScript e CSS.

Conhecimentos adquiridos

No curso de Desenvolvimento de jogos com HTML5 – Básico do TreinaWeb Cursos você aprenderá inicialmente sobre a definição do que é um jogo para assim poder ver com outros olhos e pensar de forma diferente na hora de criar seus próprios jogos.

Saberá quem são os profissionais envolvidos na criação de jogos e conhecerá as etapas na produção de um jogo.

Neste curso será utilizados conhecimentos de HTML5, CSS3, JavaScript e jQuery e ao longo do curso você aprenderá definições sobre alguns temas abordados, tendo em vista que estes temas são pré-requisitos para a realização do curso.

Com o ambiente de trabalho criado e configurado você aprenderá a capturar as teclas pressionadas e os eventos de mouse, para criar a movimentação dos jogador e outros itens na tela.

Aprenderá sobre o Game Loop, a melhorar a jogabilidade e a visualizar possíveis erros no código, assim você poderá criar os limites de movimentação de todos os itens envolvidos no jogo e detectar suas colisões.

Você aprenderá a criar textos dinâmicos, as regras para a condição para o fim do jogo, armazenamento local e aprenderá a usar elementos do Canvas para dar mais detalhes ao jogo.

Com o início dos estudos sobre Canvas você aprenderá a criar um jogo usando o canvas, desta vez uma imagem Layout será usada e você aprenderá a mapear a imagem de acordo com a sua necessidade.

Após mapear as imagens você irá criar o código para o controle das colisões e para definir que é o vencedor do jogo. Ao final você aprenderá a usar o PhoneGap para gerar um "instalável" do jogo para diferentes sistemas operacionais como, por exemplo, para o Android e mostramos o jogo em execução em um dispositivo que usa este sistema.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, mas eles dão uma base de parte do conhecimento necessário que se precisa ter para fazer esse curso.

Carga horária do curso

24h

Curso com certificado de 24 horas

Ambiente do curso

  • Google Chrome Canary
  • Firefox
  • Sublime Text 2

Metodologia

  • Texto e imagens
  • Início imediato
  • Exemplos práticos

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Curso de HTML5 - Desenv. de Jogos com JavaScript Básico

HTML5 - Desenv. de Jogos com JavaScript Básico

6x R$ 24,98

R$ 149,90 à vista

Conteúdo programático Baixar esta ementa

Tópicos do Curso

  1. Códigos, imagens, diagramas etc.

    Desenvolvimento de jogos com HTML5 - Básico
  2. Códigos, imagens, diagramas etc.

    O que é um Jogo?
  3. Códigos, imagens, diagramas etc.

    Profissionais envolvidos na criação de jogos
  4. Códigos, imagens, diagramas etc.

    Etapas na produção de um jogo
  5. Códigos, imagens, diagramas etc.

    Ambiente de trabalho
  6. Códigos, imagens, diagramas etc.

    Sublime Text 2
  7. Códigos, imagens, diagramas etc.

    Google Chrome Canary e Mozilla Firefox
  8. Códigos, imagens, diagramas etc.

    Conhecimentos básicos sobre HTML5, CSS e JavaScript
  9. Códigos, imagens, diagramas etc.

    HTML 5
  10. Códigos, imagens, diagramas etc.

    O Doctype
  11. Códigos, imagens, diagramas etc.

    O elemento HTML
  12. Códigos, imagens, diagramas etc.

    Folhas de estilo CSS
  13. Códigos, imagens, diagramas etc.

    Anatomia de uma regra CSS
  14. Códigos, imagens, diagramas etc.

    JavaScript
  15. Códigos, imagens, diagramas etc.

    Funções JavaScript definidas pelo programador
  16. Códigos, imagens, diagramas etc.

    jQuery
  17. Códigos, imagens, diagramas etc.

    Documento do Projeto do Jogo
  18. Códigos, imagens, diagramas etc.

    Criando o Jogo
  19. Códigos, imagens, diagramas etc.

    Capturando as teclas pressionadas
  20. Códigos, imagens, diagramas etc.

    Capturando eventos de mouse
  21. Códigos, imagens, diagramas etc.

    Criando a movimentação do segundo jogador
  22. Códigos, imagens, diagramas etc.

    Game Loop
  23. Códigos, imagens, diagramas etc.

    Melhorando a jogabilidade
  24. Códigos, imagens, diagramas etc.

    Função setInterval
  25. Códigos, imagens, diagramas etc.

    Movimentando o asteroide dentro do game loop
  26. Códigos, imagens, diagramas etc.

    Visualizando possíveis erros no código
  27. Códigos, imagens, diagramas etc.

    Criando os limites de movimentação do asteroide
  28. Códigos, imagens, diagramas etc.

    Criando os demais limites de movimentação
  29. Códigos, imagens, diagramas etc.

    Detectando colisões
  30. Códigos, imagens, diagramas etc.

    Dectetando colisão com o jogador 1
  31. Códigos, imagens, diagramas etc.

    Dectetando colisão com o jogador 2
  32. Códigos, imagens, diagramas etc.

    Textos dinâmicos
  33. Códigos, imagens, diagramas etc.

    Exibindo a pontuação do segundo jogador
  34. Códigos, imagens, diagramas etc.

    Elemento audio
  35. Códigos, imagens, diagramas etc.

    Criando uma condição de fim de jogo
  36. Códigos, imagens, diagramas etc.

    Armazenamento Local
  37. Códigos, imagens, diagramas etc.

    Canvas
  38. Códigos, imagens, diagramas etc.

    Elemento Canvas
  39. Códigos, imagens, diagramas etc.

    Desenhando uma linha
  40. Códigos, imagens, diagramas etc.

    Desenhando um retângulo
  41. Códigos, imagens, diagramas etc.

    Criando um círculo
  42. Códigos, imagens, diagramas etc.

    Operações com imagens e textos usando Canvas
  43. Códigos, imagens, diagramas etc.

    Exibindo imagens no canvas
  44. Códigos, imagens, diagramas etc.

    Trabalhando com textos
  45. Códigos, imagens, diagramas etc.

    Criando uma animação utilizando uma imagem mapeada
  46. Códigos, imagens, diagramas etc.

    Criando um level com imagens mapeadas
  47. Códigos, imagens, diagramas etc.

    Canvas Game
  48. Códigos, imagens, diagramas etc.

    Criando Layout do jogo
  49. Códigos, imagens, diagramas etc.

    Criando o mapa do jogo
  50. Códigos, imagens, diagramas etc.

    Mapas mais complexos
  51. Códigos, imagens, diagramas etc.

    Carregando os objetos
  52. Códigos, imagens, diagramas etc.

    Desenhando o primeiro Tanque
  53. Códigos, imagens, diagramas etc.

    Criando a movimentação do Tanque1
  54. Códigos, imagens, diagramas etc.

    O que será executado na função eventoClick()?
  55. Códigos, imagens, diagramas etc.

    Limitando a movimentação do Tanque1
  56. Códigos, imagens, diagramas etc.

    Desenhando o Tanque2 (inimigo)
  57. Códigos, imagens, diagramas etc.

    Desenhando a bandeira
  58. Códigos, imagens, diagramas etc.

    Inteligência Artificial
  59. Códigos, imagens, diagramas etc.

    Detectando colisões da bandeira com o tanque inimigo
  60. Códigos, imagens, diagramas etc.

    Detectando colisões da bandeira com o tanque 1
  61. Códigos, imagens, diagramas etc.

    Pontuação e comportamento de fim de jogo
  62. Códigos, imagens, diagramas etc.

    Executando sons
  63. Códigos, imagens, diagramas etc.

    Convertendo o jogo em um aplicativo para dispositivo móvel
  64. Códigos, imagens, diagramas etc.

    Conclusão

Adquira este curso agora mesmo

Curso de HTML5 - Desenv. de Jogos com JavaScript Básico

HTML5 - Desenv. de Jogos com JavaScript Básico

6x R$ 24,98

R$ 149,90 à vista

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

24h

Curso com certificado de 24 horas

O que os alunos dizem?

O curso foi objetivo e prático. Justamente o que eu esperava. Sou desenvolvedor web e já desenvolvi jogos digitais com applets java, dessa forma o curso serviu para eu rever os conceitos e a estrutura de um jogo, como também, me aprofundar no HTML5, CSS3 e JavaScript, utilizando recursos que geralmente não são utilizados em aplicativos web convencionais. Continuarei meus estudos, e espero que em breve a treinaweb ofereça cursos mais avançados sobre desenvolvimento de jogos com este tecnologia.

Adquira este curso de forma avulsa

Curso de HTML5 - Desenv. de Jogos com JavaScript Básico

HTML5 - Desenv. de Jogos com JavaScript Básico

6x R$ 24,98

R$ 149,90 à vista

Quer ter acesso completo a todos os nossos cursos?

Escolha um dos planos abaixo e comece agora mesmo!

20% OFF
Iniciante
De 12x R$ 99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
30% OFF
Profissional
De 12x R$ 199
12x 139 reais
ou por R$ 1.668,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
25% OFF
Especialista
De 12x R$ 256
12x 192 reais
ou por R$ 2.304,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados