Jogue Cellow, meu primeiro HTML5 game

Nesse jogo você comanda Cellow, um circulo amarelo mal-humorado que teve seu planeta invadido pelos Happies.

Cellow é um jogo estilo Arena Shooter. Seu objetivo é matar tudo o que se move (ou não) na tela enquanto tenta sobreviver até a ultima wave.

Características…

- 33 achievements;
- Shop com 17 itens compráveis;
- Responsive Canvas (Fullscreen);
- iOS icon / Web App Capable;
- Auto save / Continue;
- Player com bigode grosso;
- Muitos inimigos;
- 15 levels;
- Otimizado para dispositivos mobile, o download é menor que 700kb;
- Inimigos felizes;
- O download do jogo é mais rápido depois do primeiro gameplay;

Legal mas… Cade o som?

Como você deve ter percebido, eu não coloquei som no jogo. Eu optei por isso devido aos problemas que os navegadores mobile tem com som em HTML5.

No começo do desenvolvimento eu estava trabalhando com duas versões: Uma com som, historia e cutscenes, e outra mais enxuta. Depois de alguns testes no mobile acabei optando por trabalhar apenas com a versão “slim” do jogo. Como o foco era mobile browsers, é recomendado que o jogo não ultrapasse 1mb devido a velocidade da internet movel (3G e outros). Alem disso, na época do desenvolvimento do Cellow, o framework que eu estava usando ainda não tinha suporte a som. Por falar nele…

Uai.js

Cellow foi desenvolvido com o framework Uai.js.

Uai.js é o nome de um framework que eu estou desenvolvendo a algum tempo focado no desenvolvimento de HTML5 mobile browser games. Cellow foi o primeiro jogo feito com a Uai.js, o objetivo era eu ter uma ideia melhor do que ja se podia fazer com o framework.

Uai.js – O que já ta pronto?

Algumas características da Uai.js:

- Spritesheets
- Layers
- UI basica
- Worlds
- Tweens (tween.js)
- OO nativa
- Loader
- Entidades
- Tilemaps (Tiled)
- Fullcreen mode
- Sitelock
- Inputs (Mouse/Touch)
- Webfonts
- Camera
- Som
- Display List
- Saída para iOS, Android, WinPhone (Phonegap)
- Saida para Firefox OS e Mobile Browser
- Fisica (Box2d)
- Orientada a plugins (você pode adicionar/remover partes do core sem afetar o framework como um todo, ou seja, o framework tem o tamanho da sua necessidade)

Eu pretendo fazer um post em breve falando sobre a Uai.js e mostrando alguns exemplos.

Ferramentas:

Dreamweaver: Editor de código.
Illustrator: Modificações (pequenas) na arte e montar as telas do jogo.
Uai.js: Meu framework. Sabe… Usei ele também.

Também usei o Audacity para fazer algumas edições no áudio. Mas como no final tirei o áudio, foi trabalho atoa… ¬¬