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.
flash
web
html5
javascript
Zuch
fonte
fonte
Respostas:
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.
fonte
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).
fonte
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.
fonte
"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:
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!)
fonte
Dê uma olhada nestes sites:
fonte
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.
fonte
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.
fonte
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
fonte
Mesmo que os controles estejam estragados / preciso de trabalho, gosto de Akihabara - http://www.kesiev.com/akihabara/
fonte
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
fonte
Existem excelentes tutoriais para as bibliotecas de Akihabara, elaborados por Darius Kazemi e Darren Torpey em: Tutoriais de Akihabara
fonte
O Biolab Disaster é um bom jogo de plataforma side-scrolling que mostra o que pode ser feito com html5 e js. http://playbiolab.com/
fonte
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
fonte
Aqui estão três ótimos jogos usando o mecanismo ImpactJS .
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
Biolab
Criaturas e Castelos
fonte
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
fonte
http://www.javascriptgaming.com/
fonte
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
fonte
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
fonte
No site: "O Cycleblob é implementado usando elementos de tela WebGL e HTML 5 e é escrito completamente em JavaScript".
http://cycleblob.com/
fonte
experimentar Private Joe para um jogo de arcade retro 2D completo
se você quiser experimentar jogos otimizados para celular, acesse o marketJS
fonte