Um jogo escrito usando HTML5 funcionará em smartphones?
Respostas:
Acabei de executar o teste HTML5 :
- O meu iPod Touch de 2ª geração com iOS 3.1.3 obtém 125 e 7 pontos bonux de 300 no Safari. De nota particular ao desenvolvimento de jogos:
- Pontos completos no Canvas! Ótimo para renderização de jogos.
- Suporta o elemento de vídeo nos formatos MPEG-4 e H.264
- Suporta o elemento de áudio nos formatos PCM, MP3 e AAC (ótimo para sons e bgm!)
- Os armazenamentos de sessão e local são suportados, assim como o Web SQL Database! (salvar arquivos do jogo?)
- Cache de aplicativo é suportado; Presumo que esse recurso permita que você armazene em cache os arquivos de dados do jogo (imagens e outros) para um carregamento mais rápido. Parece ótimo para mim!
- Não há suporte para WebGL.
- Nenhum WebSocket também; jogos multiplayer precisarão usar outra coisa como a pesquisa AJAX.
- O My Droid Incredible com Android OS 2.1 (+ Sense UI) tem 151 e nenhum bônus em 300 pontos em seu navegador embutido. Mais uma vez, de nota particular:
- Suporte completo ao Canvas
- elemento de vídeo suportado, mas todos os quatro codecs tinham X neles. Gostaria de saber que formatos ele pode reproduzir?
- elemento de áudio, o mesmo que vídeo - suportado, mas todos os formatos têm Xs.
- Armazenamento local e de sessão e banco de dados Web SQL, todos suportados
- Cache de aplicativo é suportado
- Nenhum WebGL ou WebSocket
- Trabalhadores da Web são suportados, os quais não eram suportados no meu iPod; isso poderia ser uma coisa boa no desenvolvimento de jogos para coisas que agem em paralelo - talvez IA?
- Edit 18/01/2011: My Droid Incredible agora possui o Android 2.2 e possui 176 em 300. Tchalvak (nos comentários) obteve a mesma pontuação com o seu Droid 2, por isso parece ser comum para o navegador Android 2.2. Eu também experimentei o navegador Opera Mobile, que obteve um número terrível de 72 (sem pontos de bônus) em 300, mas suporta totalmente a tela!
Então, como você pode ver, o iPod / iPhone e o Android são muito comuns e parecem suportar uma variedade decente de recursos HTML5. O Canvas é ótimo para gráficos de navegador 2D e o elemento de áudio provavelmente seria ótimo para reproduzir sons e músicas de fundo, e também é muito legal ver que ambas as plataformas suportam armazenamento (embora você sempre possa usar cookies, é claro, dependendo do tamanho de um jogo salvo). Então, no geral, eu diria que você deveria fazer isso. Os números não são tudo; como wkerslake disse "nenhum desses números inspira confiança", mas se você examinar o que é suportado, parece ser tudo o que você precisa!
Eu digo, vá em frente! Te desejo muita sorte.
A propósito, você pode querer assistir por Vanthia . É um jogo de navegador que utiliza telas para um desenho eficiente. Eu comecei a jogar a versão beta fechada e com certeza estava chegando! O desenvolvedor falou muito pouco há mais de meio ano, exceto que ele está definitivamente desenvolvendo, mas apenas mantendo as coisas em segredo.
Você também pode obter algumas idéias do recente logotipo interativo Pacman do Google . Não era muito HTML5, mas com certeza era funcional! Isso mostra que você realmente não precisa do HTML5 para criar um jogo de navegador (e acho que o HTML5 está sendo usado demais como uma palavra da moda, assim como o AJAX era ou ainda é). Existe um projeto no github com uma versão desobstruída e limpa da fonte com a qual você pode examinar e brincar.
O HTML5 está longe de ter um suporte onipresente, mesmo em navegadores da Web em computadores com muito menos telefones.
Esses números são baseados no html5test
- IE8 no PC = 27/300
- Chrome 5.0.375.125 no PC = 197/300
- Safari 4.0.4 no PC = 207/300
- Safari no iPhone4 = 185/300
Nenhum desses números inspira confiança
Pode parecer um pouco tarde, mas eu gostaria de fornecer uma atualização sobre a situação do HTML5 e dos navegadores móveis agora que já passou algum tempo. Ultimamente, muitos mecanismos de jogos foram desenvolvidos para produzir jogos compatíveis com HTML5 (consulte: Construct 2 e Game Maker Studio ). Ambos produzem um bom desempenho, mas houve problemas notáveis com extensões físicas e objetos em movimento rápido em algumas plataformas. O iOS ainda assume a liderança no desempenho, mas o Android percorreu um longo caminho com as versões mais recentes do Chrome. Deve-se notar que o Dolphin Browser no Android também oferece um aumento de 100% no desempenho do HTML5! Você pode ver uma comparação rápida feita para um teste abaixo:
Se você deseja fazer a otimização manual, há ótimos conselhos listados aqui . Além disso, com os jogos HTML5 se tornando cada vez mais populares e permitidos em sites como o Kongregate e anteriormente em outros portais de jogos exclusivos em flash - não há razão para ter medo de escrever mais jogos baseados em HTML5 para um dispositivo móvel.
Também existem algumas bibliotecas para manter as coisas fáceis de usar no celular. Listei algumas abaixo:
Do ponto de vista técnico, é certamente factível. Existem alguns problemas / armadilhas:
- Como não há muitas estruturas em aberto, você precisará basicamente escrever tudo do zero. Do renderizador, ao tratamento de som, detecção de colisão. Isso pode dar muito trabalho, dependendo do que você está tentando fazer.
- Você precisará ter um bom entendimento do JavaScript. Algumas práticas usuais de POO não funcionam ao usar esse idioma. Provavelmente não é a melhor escolha para um jogo com grandes quantidades de código :)
- Não se esqueça do desempenho. Os smartphones estão longe do desempenho de um PC de mesa típico. Você terá que testar o desempenho cuidadosamente em diferentes dispositivos. Também pode depender do mecanismo JavaScript (navegador) instalado no dispositivo. Esta não é uma questão apenas do HTML5, é claro.
- Tente reduzir a largura de banda necessária para o jogo. Os dispositivos móveis tendem a ter conexões mais lentas e, às vezes, as pessoas pagam pela largura de banda que usam. Tente usar o cache sempre que possível.
Encontrei um bom post sobre iPad e HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
Além disso, eu evitaria o desenho pesado de telas no iPad, por algum motivo, parece muito lento.
Você pode usar o PhoneGap Build :
Basta fazer o upload de um arquivo zip com o código HTML5 e ele fornecerá o aplicativo para: Android, iOS, winphone, Blackbarry, Symbian ..ecc ..