Desenvolvedor lança site temático Sith com jogo de consentimento de cookies

Resumo Rápido

Um desenvolvedor redesenhou seu site com um tema único de Sith Lord, centrado no Império Galáctico de Cookies. O redesenho apresenta um jogo de consentimento de cookies interativo localizado na página de boas-vindas, substituindo uma versão anterior e mais chata. O desenvolvedor testou o site em várias plataformas, incluindo Linuxes usando Firefox e Chrome, e Macbook usando Safari, observando compatibilidade com telefones Android mais antigos. Para uma jogabilidade ideal, é recomendada uma largura de janela mínima de 800 pixels, com a melhor experiência em telas maiores. O site inclui uma série de artigos "por trás do bastidores" detalhando o processo de desenvolvimento, desde as mecânicas do jogo até a criação do avatar. O desenvolvimento atual foca em adaptar o CMUdict para JavaScript para melhorar o tempo de foneemas na animação do avatar, utilizando detecção de energia de forma de onda. Notavelmente, o desenvolvedor confirmou que nenhum LLM foi usado; todo o código foi escrito à mão e deixado sem minificação para fins educacionais. Uma luta secreta de chefe também está escondida dentro do jogo, acessível via Ferramentas de Desenvolvedor.

O Design do Império Galáctico de Cookies

O redesenho do site foi realizado durante o período de Natal e fim de ano. O desenvolvedor escolheu uma estética de Sith Lord para comandar o Império Galáctico de Cookies, impulsionado pelo desejo de melhorar o jogo de consentimento de cookies anterior que havia se tornado chato ao longo do tempo. O novo tema é aplicado à página de boas-vindas do site, que serve como ponto de partida para a experiência interativa.

O elemento interativo principal é um jogo que é acionado exclusivamente na página de boas-vindas. Ele apresenta uma nave espacial do jogador navegando por um mundo de jogo onde a câmera faz zoom e segue a nave em telas menores. O desenvolvedor observou que o jogo é jogável com uma largura de janela mínima de 800 pixels, embora uma largura de 1280 pixels proporcione a melhor experiência sem movimento de câmera. O jogo também inclui uma luta secreta de chefe oculta que os usuários podem desbloquear interagindo com as Ferramentas de Desenvolvedor do navegador.

Implementação Técnica e Compatibilidade

Testes extensivos foram conduzidos para garantir que o site funcione em diferentes ambientes. O desenvolvedor testou o site em Firefox e Chrome/Chromium rodando em Linuxes, bem como Safari em um Macbook. Embora um iPhone não estivesse disponível para testes, o site funcionou corretamente em telefones Android mais antigos usando um hack de meta viewport.

O desenvolvedor expressou frustração que este hack ainda seja necessário após 15 anos. O site foi projetado para funcionar em navegadores modernos, com a animação do avatar sendo um foco principal do desenvolvimento contínuo. Para melhorar o avatar, o desenvolvedor está trabalhando nas seguintes tarefas técnicas:

• Adaptar o CMUdict para JavaScript/ECMAScript.
• Implementar detecção de energia de forma de onda para o tempo de foneemas.
• Usar um detector de taxa de cruzamento zero para melhor sincronização.

Essas mudanças visam corrigir problemas de tempo com foneemas, pois as ferramentas existentes baseadas em Python não eram suficientemente em tempo real. O desenvolvedor observou que os artigos existentes sobre animação de foneemas eram "um tanto ruins e quebrados", levando a uma abordagem altamente experimental com o novo detector de bordas.

Filosofia de Desenvolvimento e Recursos

O desenvolvedor tornou o código-fonte totalmente acessível ao público. Uma escolha de design específica foi feita para manter o código sem empacotamento e sem minificação. Isso permite que os visitantes leiam e aprendam diretamente com o código. O desenvolvedor afirmou explicitamente que nenhum LLM foi usado na criação do site; tudo foi codificado manualmente.

Para aqueles interessados nos detalhes técnicos, uma série de weblogs "por trás do bastidores" está disponível. Esses artigos cobrem o processo de desenvolvimento, a criação do avatar e depuradores específicos usados durante o projeto. Os recursos incluem:

• Por trás do bastidores do Jogo
• Por trás do bastidores do Avatar
• Depuradores para brincar

O desenvolvedor espera que os usuários aproveitem sua estadia e se divirtam jogando o Jogo de Consentimento de Cookies.