Exemplos de bons jogos baseados em Javascript / HTML5 [fechados]

Agora que o Flash está sendo amplamente substituído por elementos HTML5 (vídeo, áudio, tela etc.), existem bons exemplos de jogos baseados na Web criados com padrões completamente abertos (ou seja, Javascript, HTML e CSS)? Eu vejo muitos exemplos de implementações HTML5 puras do que antes era apenas no Flash (como aqui: http://www.html5rocks.com/ ), mas não de muitos jogos, um domínio que ainda parece dominado pelo Flash. Estou curioso para saber o que é possível e quais são as limitações.

Há muito hype no HTML5, mas dizer que o Flash está sendo amplamente substituído por ele é um exagero. Embora as tags de vídeo e áudio possam ganhar força, os jogos serão uma área que se mantém por um longo tempo, não apenas por causa de melhores ferramentas e desempenho, mas também porque há uma infraestrutura de negócios construída em torno da distribuição de arquivos Swf, que não seria fácil adaptar ao HTML e js. Os jogos html5 que eu vi usando canvas estão mais ou menos onde o flash estava há 7 anos, e no momento ie9 já está amplamente distribuído para que a tela seja uma opção viável, o Flash já apresentará seus recursos planejados de aceleração 3D e possivelmente de hardware.

No interesse de explorar o quão longe você pode levar a nova safra de navegadores, eu e alguns colegas compilamos a porta Java de código aberto do Quake II para o Safari / Chrome (ele também deve funcionar no Firefox em algum momento, embora não tenha sido inicialmente, principalmente por razões de desempenho). O projeto está aqui: http://code.google.com/p/quake2-gwt-port/

Ele ainda requer alguns cuidados e alimentação para colocá-lo em funcionamento (por exemplo, o WebGL ainda não está ativado por padrão em qualquer navegador de remessa), mas enviamos um vídeo aqui: http://www.youtube.com/watch?v = XhMN0wlITLk (desculpe, está escuro demais - os problemas de gama permanecem) e você pode ver nossa conversa sobre E / S do Google aqui: http://code.google.com/intl/fr-FR/events/io/2010/sessions/gwt -html5.html

Não sei quanto tempo levará até que possamos depender realisticamente de todos esses novos recursos do navegador (WebGL, WebSocket, áudio / vídeo, armazenamento local etc.), mas se tudo se unir, poderá fazer uma enorme diferença na capacidade de enviar jogos diretamente na web. Mas ainda existem muitos obstáculos (por exemplo, não prenda a respiração para a Microsoft implementar o WebGL no IE10).

O Lord of Ultima da EA é provavelmente o jogo Javascript / HTML mais visualmente impressionante que eu já vi.

Nota: É um jogo de estratégia e não um título de ação. Embora tenha um bom mapa de rolagem suave, não há nada além de clicar nos botões no que diz respeito à interatividade direta.

"Estou curioso para saber o que é possível e quais são as limitações."

As limitações são baseadas no navegador. Se você estiver usando algo interessante como as noites do Webkit, basicamente não há nada que o flash possa fazer que o navegador não possa fazer de maneira nativa, como:

• Gráficos 2D (via canvas) com rotação, redimensionamento, opacidade, etc.
• 3d (via canvas e WebGL)
• Áudio (por meio da tag de áudio, embora atualmente seja uma droga, mesmo nos navegadores que a suportam)
• HTTP (via XMLHTTPRequest)
• Armazenamento local (por meio da API localStorage)
• Soquetes (via soquetes da Web)
• SVG
• Vídeo (através da etiqueta de vídeo)

O AFAIK também é possível no Google Chrome (e, se não for, será em breve). Parece um ambiente de jogo completo para mim :)

(Incluí links para todas essas coisas no meu primeiro rascunho, mas o StackExchange não me deixou publicá-las porque sou novo; desculpe!)

Dê uma olhada nestes sites:

• http://html5games.com/
• http://web.appstorm.net/roundups/browsers/10-html5-games-paving-the-way/

Um cara da interface do usuário do jquery está construindo um mecanismo de jogo chamado Aves usando javascript / html. Este vídeo descreve alguns dos desafios que ele enfrentou durante o desenvolvimento. Ele falou muito sobre o quão lenta a tela era e que ela não está atualmente acelerada.

Você também pode encontrar vários jogos desenvolvidos usando o mecanismo Effect Games. Embora o mecanismo pareça bastante protegido em seu site, com todas as ferramentas e ativos existentes no local.

A IMO é a maior limitação do desenvolvimento de um jogo js / html. A tag executa diferentemente de evento em safari / firefox / chrome, os quais devem ser da versão mais recente. Por último, verifiquei que o safari funcionava apenas com MP3 e o Firefox só funciona com OGG. Embora seja completamente viável superar isso com uma combinação de lógica do servidor.

Atualmente, gosto de escrever jogos em Flash e não consigo ver esse domínio sendo superado pelo HTML5 (js / css / html) até os portais começarem a aceitá-los ou as lojas de aplicativos da web ficarem online.

Contrasaurus

Este jogo foi minuciosamente criado com sangue, suor, lágrimas e HTML5. A biblioteca principal de transformação de matriz foi criada como Matrix.js . Além disso, muitas das principais extensões de idioma, sprites, sons e bibliotecas de telas estão trabalhando no The Pixie Game Platform .

Sem Flash, todo o HTML5 Canvas e Áudio. Funciona melhor no Chrome.

Você REALMENTE precisa conferir a biblioteca do CAAT - é incrível! É uma biblioteca de cenários (por exemplo, thing.addchild / thing2.removechild) para canvas.

Esta demonstração me surpreendeu, junto com o jogo também contido nessa página: http://labs.hyperandroid.com/animation

Tanto que eu me transferi para o nosso próprio jogo para usá-lo, e só me levou uma noite.

Participe da luta multiplayer de bolas de neve http://holiday2010.ogilvy.com

Tanto que tentei melhorar o lirário e adicionar outras coisas a ele: http://github.com/onedayitwillmake/CAAT-Hello

Disponível no github: http://github.com/onedayitwillmake/CAAT-Hello/tree/circlepack

Mesmo que os controles estejam estragados / preciso de trabalho, gosto de Akihabara - http://www.kesiev.com/akihabara/

O Google Pacman deve ser um dos jogos JS / HTML mais impressionantes que eu já vi (concedido, é o único que eu já vi, mas ainda é realmente impressionante :)

Localizações do código fonte

Existem excelentes tutoriais para as bibliotecas de Akihabara, elaborados por Darius Kazemi e Darren Torpey em: Tutoriais de Akihabara

O Biolab Disaster é um bom jogo de plataforma side-scrolling que mostra o que pode ser feito com html5 e js. http://playbiolab.com/

Acabei de portar meu jogo de Estratégia Espacial do Silverlight / C # para HTML5 / Javascript / Canvas:

Astriarca - Governante das Estrelas

É um jogo 2D e graficamente muito simples, por isso se presta muito bem ao uso da tela, porque não há muita pintura acontecendo. Dito isto, estou impressionado com o que alguns outros jogos mais animados estão fazendo por aí com a mesma tecnologia. Como os Angry Birds na Chrome Web Store: Angry Birds , você também pode conferir alguns dos outros jogos na Chrome Web Store para obter mais exemplos.

Uma das razões pelas quais eu joguei meu jogo foi que eu queria que ele pudesse rodar em tablets / dispositivos móveis sem ter que codificar a coisa toda em Java ou Objective C. iOS e Android têm controles 'WebView' para facilitar isso, mas Eu tive problemas nas pequenas coisas que fiz com ele (o iOS exige que todos os seus ativos estejam em uma pasta, tanto quanto eu vi).

Esse tipo de requisito de plataforma cruzada é uma boa razão pela qual algumas pessoas estão se afastando do Flash e em direção ao HTML5, mas a desvantagem é que você precisa testar em N navegadores e versões diferentes e ter todas as dores de cabeça associadas ao desenvolvimento típico da Web. Esses problemas são aliviados por bibliotecas como o jQuery e algumas das outras bibliotecas / plataformas de jogos HTML5 mencionadas aqui (o ImpactJS é um que eu já vi, mas ainda não tentei). Além disso, esses problemas não serão tão problemáticos quando o FireFox 7 for lançado e o IE 9+ se tornar mais difundido.

Se você estiver interessado em alguns dos problemas que enfrentei ao migrar do Silverlight para o HTML5 Canvas, consulte a postagem do meu blog aqui: Portando o Silverlight App para javascript usando a tag HTML5 Canvas

Aqui estão três ótimos jogos usando o mecanismo ImpactJS .

O Impact é um mecanismo de jogos JavaScript que permite desenvolver incríveis jogos em HTML5 para navegadores de desktop e dispositivos móveis.

Se você atualmente não tem certeza sobre o que pode fazer com o HTML5, eu diria que esses são os melhores exemplos. Lembre-se, porém, de que, por ser um assunto tão quente, o campo está mudando rapidamente!

Tipo Z

Um Space Shoot'em'Up onde você digita para atirar.

Biolab

Lute contra um Biolab infectado neste Jump'n'Run. Use sua pistola de plasma para atirar em tudo que se move! Existem 3 níveis para explorar e 6 tipos de inimigos para lutar.

Criaturas e Castelos

Um jogo de ação e quebra-cabeças em que você ajuda um jovem caçador de tesouros a roubar grandes quantidades de tesouros de um castelo medieval.

Coincidentemente, havia uma pergunta no Slashdot hoje sobre jogos html5 / javascript:

http://ask.slashdot.org/story/10/07/14/0632238/JavaScriptHTML-5-Gaming

Menciona especificamente Galactic Plunder, um shooter espacial com rolagem lateral:

http://dougx.net/plunder/plunder.html

http://www.javascriptgaming.com/

Um framework de desenvolvimento HTML5 realmente interessante que encontrei recentemente é o Sencha. É principalmente para dispositivos portáteis / touch, mas o que é não será baseado em toque daqui a alguns anos? Aqui estão algumas demos intrigantes, incluindo um jogo de cartas:

http://www.sencha.com/products/touch/demos.php

Aqui estão alguns jogos em HTML5 nos Jogos de Efeitos ... existem até projetos por aí, você pode participar e se envolver. Esteve matando o tempo entre compilações principalmente com sua Crystal Galaxy Demo

No site: "O Cycleblob é implementado usando elementos de tela WebGL e HTML 5 e é escrito completamente em JavaScript".

http://cycleblob.com/

experimentar Private Joe para um jogo de arcade retro 2D completo

se você quiser experimentar jogos otimizados para celular, acesse o marketJS