Timer de cubo mágico inspirado no Stackmat. HTML + CSS + JavaScript puro, sem build e sem
dependências — basta abrir o index.html no navegador.
| Ação | Atalho |
|---|---|
| Preparar o timer | Segure A + L (fica verde após o tempo de retenção) |
| Iniciar | Solte as duas teclas |
| Parar | Qualquer tecla (o que vale é o reflexo, não a precisão) |
| Novo scramble | Espaço |
| Cancelar / zerar | Esc |
| Apagar última tentativa | Delete / Backspace |
| Penalidade +2 na última | 2 |
| DNF na última | D |
No celular, os dois pads funcionam por toque.
- Display de sete segmentos desenhado em CSS, com precisão de milissegundos.
- Scramble automático de 3x3 (18 / 20 / 25 movimentos), com histórico e botão de copiar.
- Inspeção WCA opcional de 15s, com +2 acima de 15s e DNF acima de 17s.
- Histórico local em
localStorage: tempo, scramble, data, penalidade e exclusão individual. - Estatísticas: melhor, Ao5, Ao12, Ao50, Ao100, melhores médias, média geral, pior, DNFs e gráfico de evolução. Médias seguem a regra da WCA (descarta melhor e pior; 2+ DNFs = DNF).
- Exportação do histórico em CSV.
- Tema escuro e claro, modo foco (esconde a interface durante o solve) e layout responsivo que cabe inteiro na tela, sem rolagem.
- Idiomas: português, inglês e espanhol. Segue o idioma do navegador por padrão e pode ser trocado manualmente em Configurações.
index.html marcação e painéis
css/style.css tema, display de sete segmentos, stackmat e responsivo
js/i18n.js textos em pt / en / es e detecção de idioma
js/scramble.js gerador de scramble 3x3
js/storage.js persistência de solves e configurações
js/stats.js médias e recordes no padrão WCA
js/display.js renderização dos sete segmentos e formatação de tempo
js/timer.js máquina de estados do timer (A + L)
js/app.js orquestração da interface
hands/ arte das mãos usada nos pads