Timer de contagem regressiva de ampulheta

De relance

Por que o site começa com uma ampulheta

A origem do tema ampulheta, por quem o desenhou.

A ampulheta foi desenhada primeiro porque é a forma honesta de uma contagem. Todo outro tema deste site é uma metáfora — um sol que se põe, uma vela que encurta, um tanque que esvazia — mas areia caindo por um gargalo estreito é o tempo passando, sem precisar de tradução. Ela definiu o padrão que todo tema seguinte teve de alcançar: se você olha a tela do outro lado da sala, sabe quanto falta sem ler um número.

Também definiu como a areia devia se comportar, e isso pediu o maior cuidado de qualquer tema. A areia no bulbo de cima não é uma forma plana que perde altura: guarda uma cratera que é, de propósito, um prato e não um funil, para a areia que resta parecer uma faixa abraçando o vidro. A cratera nunca fica parada no centro — ela passeia, como pilhas de verdade cedem — e as avalanches rastejam pela superfície em vez de ficarem paradas. No bulbo de baixo, a coluna que cai aterra com um respingo, levanta uma poeira fina de grãos iluminados e constrói um monte cuja crista continua soltando grãos soltos pelas laterais.

Os grãos em si são desenhados como riscos curtos de movimento, porque grão que cai tem de parecer que cai, não que flutua. Um ponto suave, preparado antes, torna o truque barato viável: carimbar um sprite milhares de vezes custa muito menos do que milhares de degradês por partícula, e é isso que mantém a cena fluida num notebook de sala de aula com cinco anos.

Em volta do vidro, a sala quase não existe: um fundo quase preto, um brilho âmbar que respira atrás do bulbo e um campo lento de poeira com três sinais de profundidade — paralaxe, tamanho e deriva — que você pode desligar quando quiser a ampulheta totalmente sozinha. Latão foi a primeira moldura porque metal quente contra areia quente fotografa bem em qualquer projetor; nogueira e obsidiana vieram depois, para gabinetes com painel de madeira e escritórios bem escuros.

Como a cena se move

• Parado. O bulbo de cima está cheio, a coluna fica parada e o brilho ambiente respira devagar atrás do vidro.
• Rodando. O fluxo começa: os grãos riscam o gargalo, a cratera de cima passeia e cede, e o monte de baixo sobe com a crista iluminada. O campo de poeira acompanha o mouse, a menos que a paralaxe esteja desligada.
• O último trecho. O bulbo de cima afina até uma faixa colada no vidro; o fio de areia clareia e falha enquanto o arco continua cedendo, e grupos de grãos descem pela coluna.
• Zero. Um aviso suave, de vidro, sobe quando os últimos grãos pousam. A leitura passa para +mm:ss de tempo extra, para o tempo extra continuar visível, e a ampulheta espera, com toda a areia embaixo, até você reiniciar.

Deixe do seu jeito

O botão de ajustes na fileira de baixo abre Ajustes de cena. As escolhas ficam no seu navegador e sobrevivem a recarregar; nada é enviado a lugar nenhum.

Dois painéis compartilhados ficam no mesmo lugar, em todo tema. Som escolhe o aviso final (ou «no clima do tema»), ajusta o volume e acrescenta um tique opcional em cada um dos últimos dez segundos. Tela move a leitura da contagem — embaixo, em cima, no centro, embaixo à esquerda ou embaixo à direita — e muda a cor: conforme o tema, branco quente, branco, ouro, azul gelo ou coral.

Links para copiar

O som que faz

No zero, três tons senoidais sobem num arpejo suave de vidro — o equivalente sonoro dos últimos grãos pousando. Como tudo no timer.cool, o som é sintetizado pelo navegador no instante em que toca: sem arquivos de áudio, nada para baixar. O painel Som pode trocar por sino, bipe digital, bloco de madeira ou alarme, pôr um tique em cada um dos últimos dez segundos, ou você silencia com M.

Num projetor ou na TV

Aperte F e todos os controles somem — latão e areia viram a tela inteira, que é a ideia: o timer é da sala, não só seu. Enquanto um timer roda, a página segura um bloqueio de tela para o monitor não escurecer no meio da sessão.

O mapa do teclado: Espaço iniciar/pausar, F tela cheia, R reiniciar, M silenciar, +/− dar ou tirar um minuto com o timer rodando, L repetir. Dois limites honestos: no iPhone, o interruptor do toque silencia o áudio da web, e um modo agressivo de economia de bateria pode passar por cima do bloqueio de tela em alguns aparelhos.

Para quem é a ampulheta

Perguntas