Mas, finalmente, tive um tempinho para postar aqui e resolvi fazer um tutorial de PhoneGAP (esta certo, não sou um especialista, mas na hora, foi o que deu para pensar...).
Pensei então em fazer um Genius.
Para quem não sabe, o Genius era um jogo, lançado pela Estrela, que basicamente era um jogo da memória. Consistia em decorar a seqüência de luzes e reproduzi-las a seguir.
Bem, chega de conversa, e vamos lá:
Primeiramente, vamos criar o HTML e o CSS para a tela:
<!-- DOCTYPE HTML -->
<HTML>
<HEAD>
<META name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</HEAD>
<BODY>
<TABLE borderspacing="0" borderpadding="0">
<TR><TD id="genius[0][0]" style="background:#009900;width:100px;height:100px;border:1px solid #000;" ></TD><TD style="background:#990000;width:100px;height:100px;border:1px solid #000;" id="genius[0][1]"></TD></TR>
<TR><TD id="genius[1][0]" style="background:#999900;width:100px;height:100px;border:1px solid #000;" ></TD><TD style="background:#000099;width:100px;height:100px;border:1px solid #000;" id="genius[1][1]"></TD></TR>
</TABLE>
<BUTTON id="start" >Start!</BUTTON>
</BODY>
</HTML>
Abra no navegador, e veja como fica. :)
Por enquanto, ficamos só nisso, no próximo post, vamos fazer a animação de acender o "pedaço".
Até mais!
Nenhum comentário:
Postar um comentário