Clóvis NetoClóvis Neto

Desenvolvendo games usando apenas CSS - Protótipo em papel

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.

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:

  • Pré-loader
  • Menu inicial
  • Instruções
  • Mapa contendo os estágios
  • fase 1
  • fase 2
  • fase 3
  • fase 4

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.

...