Kimi API for Vision-to-Code Generation

Crie uma página HTML completa em arquivo único para um jogo arcade Snake jogável, com todo o CSS e JavaScript embutidos e zero dependências externas, CDNs, imagens ou fontes. Renderize o tabuleiro em um canvas com um esquema de cores moderno em neon sobre fundo escuro, movimento suave e um rastro de brilho suave atrás da cobra. Ofereça suporte a controles pelas setas e WASD, além de gestos de deslizar em dispositivos touch; mostre uma pontuação em tempo real e um recorde persistente; e aumente gradualmente a velocidade do jogo conforme a pontuação sobe. Dispare uma pequena explosão de partículas sempre que a comida for ingerida, exiba uma sobreposição animada de fim de jogo com um botão de reiniciar e mantenha o layout responsivo para que o tabuleiro permaneça centralizado e legível tanto no desktop quanto no mobile.

Crie um único arquivo HTML totalmente autossuficiente (todo o CSS e JavaScript embutidos, absolutamente sem dependências externas, CDNs, imagens ou fontes da web) que renderize um "terrário digital vivo" interativo — um pote de vidro selado no centro da tela contendo uma floresta tropical em miniatura autossustentável que cresce em tempo real. Ao abrir em qualquer navegador moderno, ele deve rodar imediatamente a 60fps, sem etapa de build. Cena e layout principais: centralize a composição de forma simétrica, tratando o pote de vidro como o palco principal sobre um fundo escuro profundo com vinheta (gradiente radial partindo de um centro suave iluminado por musgo e desvanecendo até bordas quase pretas), para que todo o foco recaia no pote. Renderize tudo em um HTML5 Canvas de janela inteira, sob uma interface DOM/CSS real com glassmorphism: a parede do pote deve mostrar qualidades genuínas de vidro — realces de refração curvos, um traço brilhante de luz especular na borda, um leve desfoque fosco e gotículas de condensação espalhadas com um pequeno efeito de lente — obtidas com gradientes radiais/lineares em camadas, backdrop-filter blur, traços brancos semitransparentes e box-shadows suaves. Dentro do pote há terra úmida e escura no fundo e uma névoa volumétrica sutil que se desloca lentamente. As três camadas técnicas que devem se empilhar e coexistir (é aqui que modelos fracos e fortes se separam — um modelo fraco produzirá uma imagem estática; um forte fará o pote inteiro ganhar vida): 1. Crescimento recursivo por L-system: trepadeiras, folhas de samambaia e musgos são gerados por um algoritmo de L-system / ramificação recursiva e animam seu desdobramento ao longo do tempo — caules se alongam, galhos se subdividem, frondes se desenrolam, folhas surgem em escala com easing. O crescimento é orgânico e levemente randomizado por galho (variação de ângulo, afunilamento de espessura, decaimento de comprimento), para que nenhuma planta pareça idêntica ao recarregar. 2. Sistema de partículas: pontos de luz âmbar, semelhantes a vaga-lumes (dezenas), flutuam e oscilam pela névoa com brilho aditivo suave e parallax delicado, além de partículas ascendentes de condensação/pólen; as partículas reagem sutilmente às plantas recém-crescidas. 3. Ciclo de iluminação dia-noite: um loop contínuo de luz ambiente desloca a luz principal de cima para baixo de amanhecer branco frio → entardecer dourado quente → noite índigo profunda e de volta, recolorindo toda a cena, os realces do vidro, a névoa e os tons das plantas de acordo. As plantas exibem fototropismo — os caules se curvam e inclinam suas pontas na direção atual da luz conforme ela se move. Interação principal: clicar em qualquer ponto da parede/interior do pote solta uma única semente na terra, na posição x do clique, e essa semente executa um ciclo de vida completo e visível em sequência — a semente cai e se acomoda, germina um broto, o broto se ramifica recursivamente via L-system e então floresce uma pequena flor brilhante ao amadurecer — cada etapa com easing e claramente legível, com uma ondulação suave/pequena nuvem de poeira ao aterrissar. Múltiplos cliques geram múltiplas plantas que coexistem e continuam crescendo, preenchendo gradualmente o terrário até virar um matagal mais denso. Inclua alguns controles inline sutis em botões tipo pílula com glassmorphism (por exemplo, "Reset terrarium" e um alternador "Day/Night: auto ⇄ drag" em que o usuário possa esfregar o horário do dia, além de uma pausa opcional). Forneça uma linha de dica discreta ("tap the glass to plant a seed") que desapareça após a primeira interação. Paleta e atmosfera: folhagem em verde-tinta de floresta e verde-amarelado musgoso, brilho âmbar/mel para os pontos de luz e flores, tons frios de vidro verde-azulado no pote, banhos de dourado quente e índigo frio ao longo da transição dia-noite. A sensação geral é silenciosa, respirante, meditativa — movimento lento e suave, sem transições bruscas. Requisitos técnicos: use requestAnimationFrame com delta-time para que a animação seja independente da taxa de quadros; torne o canvas responsivo ao redimensionamento da janela com escala correta por devicePixelRatio e mantenha o pote centralizado; limite as contagens de partículas/galhos de forma sensata para manter a fluidez; mantenha toda a aleatoriedade semeada por planta para que o crescimento pareça natural. Tudo — geometria, brilho, vidro, névoa, iluminação, partículas e as plantas recursivas — deve ser desenhado ou computado em código, com zero assets externos. Entregue apenas o documento HTML completo, pronto para salvar como um único arquivo .html e abrir.