Kimi API for Vision-to-Code Generation

Bouw een complete HTML-pagina in één bestand voor een speelbare Snake-arcadegame, met alle CSS en JavaScript inline en zonder externe dependencies, CDNs, afbeeldingen of fonts. Render het speelveld op een canvas met een modern neon-op-donker kleurenschema, vloeiende beweging en een zachte oplichtende trail achter de slang. Ondersteun besturing met pijltjestoetsen en WASD plus veeggebaren op touchapparaten, toon een live score en een blijvend opgeslagen high score, en laat de game geleidelijk sneller worden naarmate de score stijgt. Activeer een kleine particle burst telkens wanneer voedsel wordt gegeten, toon een geanimeerde game-over-overlay met een herstartknop, en houd de layout responsive zodat het speelveld gecentreerd en goed leesbaar blijft op zowel desktop als mobiel.

Maak één volledig zelfstandige HTML-file (alle CSS en JavaScript inline, absoluut geen externe dependencies, CDNs, afbeeldingen of web fonts) die een interactieve "levend digitaal terrarium" rendert: een afgesloten glazen pot in het midden van het scherm met daarin een zelfvoorzienend miniatuurregenwoud dat in realtime groeit. Open het in elke moderne browser en het moet direct op 60fps draaien, zonder build step. Kernscène en layout: centreer de compositie symmetrisch en behandel de glazen pot als het hero stage-element op een diepe, gevignetteerde donkere achtergrond (radiale gradient vanuit een zacht, mosverlicht centrum dat naar bijna zwarte randen vervaagt), zodat alle aandacht op de pot valt. Render alles op een full-window HTML5 Canvas onder echte glassmorphism DOM/CSS-chrome: de wand van de pot moet overtuigende glaskwaliteiten tonen — gebogen refractie-highlights, een heldere speculaire rim-light-streep, subtiele frosted blur en verspreide condensdruppels met kleine lensing — gerealiseerd met gelaagde radial/linear gradients, backdrop-filter blur, semi-transparante witte strokes en zachte box-shadows. Binnen in de pot ligt onderin donkere, vochtige leem en zweeft een lichte volumetrische mist langzaam rond. De drie technische lagen die moeten stapelen en naast elkaar bestaan (hier zie je het verschil tussen zwakke en sterke modellen: een zwak model maakt een statisch plaatje, een sterk model brengt de hele pot tot leven): 1. Recursieve L-system-groei: lianen, varenbladeren en mossen worden gegenereerd door een L-system / recursief vertakkingsalgoritme en animeren hun ontvouwen door de tijd heen — stengels worden langer, takken splitsen zich, varenbladeren rollen open, bladeren schalen met easing in. De groei is organisch en licht gerandomiseerd per tak (hoekjitter, aflopende dikte, lengteverval), zodat geen twee planten er na herladen identiek uitzien. 2. Particle system: amberkleurige, vuurvliegachtige lichtdeeltjes (tientallen) zweven en deinen door de mist met een zachte additive glow en subtiele parallax, plus opstijgende condens-/pollenspetters; particles reageren subtiel op pas gegroeide planten. 3. Dag-nachtlichtcyclus: een continue ambient light-loop laat het top-down key light bewegen van koelwitte dageraad → warme gouden schemering → diepe indigoblauwe nacht en terug, waarbij de hele scène, de glashighlights, de mist en de planttinten worden meegekleurd. Planten vertonen fototropisme: stengels buigen en laten hun toppen naar de actuele lichtrichting leunen terwijl die beweegt. Primaire interactie: klikken ergens op de potwand of in het interieur laat één zaadje in de leem vallen op de x-positie van de klik, en dat zaadje doorloopt een volledige, zichtbare levenscyclus in volgorde: het zaadje valt en komt tot rust, kiemt tot een scheut, de scheut vertakt recursief via het L-system, en bloeit daarna op volwassenheid uit tot een kleine gloeiende bloem. Elke fase gebruikt easing en is duidelijk leesbaar, met een zachte rimpel/stofpluim bij het landen. Meerdere klikken laten meerdere planten ontstaan die naast elkaar bestaan en blijven groeien, waardoor het terrarium geleidelijk verandert in een dichtere wildernis. Voeg een paar subtiele inline controls toe in glassmorphic pill buttons (bijv. "Reset terrarium" en een "Day/Night: auto ⇄ drag"-toggle waarmee de gebruiker het tijdstip van de dag kan scrubben, plus optioneel pauzeren). Toon een vage hintregel ("tik op het glas om een zaadje te planten") die vervaagt na de eerste interactie. Palet en sfeer: bosachtig inktgroen en mosachtig geelgroen blad, amber-/honinggloed voor de lichtdeeltjes en bloemen, koele teal-glastinten op de pot, warme goud- en koele indigowashes door de dag-nachtcyclus heen. Het geheel voelt stil, ademend en meditatief aan: trage zachte beweging, geen harde overgangen. Technische vereisten: gebruik requestAnimationFrame met delta-time zodat de animatie onafhankelijk is van de frame rate; maak het canvas responsive bij window resize met correcte devicePixelRatio-scaling en houd de pot gecentreerd; beperk particle-/branch-aantallen verstandig zodat alles soepel blijft; houd alle randomness seeded per plant zodat de groei natuurlijk oogt. Alles — geometrie, glow, glas, mist, belichting, particles en de recursieve planten — moet in code worden getekend of berekend, zonder externe assets. Lever uitsluitend het complete HTML-document, klaar om als één .html-bestand op te slaan en te openen.