O documento discute a criação de jogos simples usando apenas CSS. Ele apresenta um exemplo de como criar um jogo estilo "Piano Tiles" representando os elementos do jogo como <input> e <label> e controlando a interação do usuário através de teclas de pressionamento. A pontuação é marcada à medida que o usuário acerta as teclas no tempo correto.

1. Jogos com CSS
2.0
@Feh_Bernardo

2. Repositório:
http://bit.ly/2c2RsV1
Palestra:
http://bit.ly/2cbNs6h

4. +

5. + +

6. + +
X

7. Por que só CSS ?

8. Divertido

9. Desafio

10. Aprendizado

11. CSS
Wee

13. Piano Tiles

14. Como representar os
elementos do jogo ?

29. .piano

30. .piano
.target-key

31. Como começar a
interagir com o usuário?

38. Tecla D
Tecla C
Tecla B

40. <input>

41. <input>
<label>

42. <input>
<label>

43. <input>
<label>
D

44. <input>
<label>
C
D

45. <input>
<label>
B
C
D

46. <input>
<label>
A
B
C
D

51. Como marcar a
pontuação?

66. https://fernandabernardo.
github.io/piano-tiles/

67. fernanda.bernardo@elo7.com
FernandaBernardo@Feh_Bernardo