Desenvolvendo games usando apenas CSS - Protótipo em papel

Faaala galeeeeeeera! No post anterior, mencionei que iria criar uma série relacionada a criação do desenvolvimento de games usando apenas css e claro, inspirado no CsSocker.

Tags: css life desenvolvimento-de-games

Após receber vários feedbacks positivos no post box shadow e suas mágicas, resolvi criar coragem e iniciei o primeiro post da série Desenvolvendo games usando apenas CSS.

Iremos começar por algo que não pode faltar em nenhum projeto...

A protótipação em papel

Quando tive a idéia de criar o CsSocker, minha primeira reação foi ir logo para o Sublime Text para começar a programar. Depois parei e pensei: "Calma Clóvis, se for começar deste jeito, sem nenhuma organização, sempre vai dar em merda". Logo me acalmei e fui pesquisar sobre organização de projetos.

Lendo alguns artigos descobri algo que já esperava, toda boa idéia deve ser prótotipada em um papel e se você é um dev bastante preguiçoso para escrever, assim como eu sou, também vai se perguntar: "pra que isso?" mas calma que ao final do seu projeto você verá que o seu protótipo contribuiu bastante.

Abaixo um exemplo do rascunho de um dos estágios do CsSocker e seu resultado :)

CsSocker

Figura 1: CsSocker rascunho e resultado final

O começo

Nosso joguinho terá 8 fases, e será um jogo de achados e perdidos, onde teremos as seguintes telas:

Separe uma folha para cada fase e use sua criatividade :D

Eu não sou muito bom em desenhos a mão mas tomei coragem e compartilhei abaixo minha tela de pré-loader rsrsrs...

Tesouros perdidos na Yoshi Island
O nosso jogo terá o nome de "Tesouros perdidos na Yoshi Island"

Bem pessoal, por hoje é só, espero que tenham gostado deste primeiro post da nossa série e aguardem que em breve estarei trazendo mais novidades.