← Demos

Breakout

Pontos { pontos }

Recorde { recorde }

Nivel { nivel } / { totalNiveis }

Vidas { coracoes }

Breakout

Quebre todos os tijolos dos { totalNiveis } niveis. Pegue as capsulas que caem: elas alargam a raquete, multiplicam a bola, devolvem vida ou deixam tudo mais lento.

← → mover Espaco lancar P pausar

Seu recorde atual: { recorde } pontos.

Pausado

Respire. A bola espera.

Nivel { nivel }

{ mensagemNivel }

{ venceu ? 'Voce zerou!' : 'Fim de jogo' }

Pontos { pontos }

Recorde { recorde }

Novo recorde!

{ venceu ? 'Todos os tijolos viraram poeira.' : 'A bola escapou pela ultima vez.' }

{ p.nome } { p.segundos }s Nenhum power-up ativo.

Combo x{ combo }

← → ou A D movem Espaco lanca P ou Esc pausa R reinicia No celular, arraste o dedo sobre o palco.

O que esta demo mostra. O placar, as vidas, o nivel, a lista de power-ups, os menus e as telas de pausa e de fim de jogo sao HTML declarativo lendo o estado do componente. O loop do jogo nunca escreve no DOM: ele desenha no canvas e, quando alguma coisa que a interface exibe muda, apenas atribui a uma propriedade do componente. O recorde vai para o V.storage e todo o som sai sintetizado do V.sound, sem nenhum arquivo de audio.