Kimi API for Vision-to-Code Generation

Bygg en komplett HTML-sida i en enda fil för ett spelbart Snake-arkadspel, med all CSS och JavaScript inbäddat och helt utan externa beroenden, CDNs, bilder eller typsnitt. Rita spelbrädet på en canvas med ett modernt neon-på-mörkt färgschema, mjuk rörelse och ett subtilt glödspår bakom ormen. Stöd styrning med piltangenter och WASD samt svepgester på pekskärmsenheter, visa aktuell poäng och ett beständigt rekord, och öka spelets hastighet gradvis när poängen stiger. Utlös en liten partikeleffekt varje gång mat äts upp, visa en animerad game-over-overlay med en omstartsknapp och håll layouten responsiv så att spelbrädet förblir centrerat och lättläst på både desktop och mobil.

Skapa en enda, helt fristående HTML-fil (all CSS och JavaScript inbäddat, absolut inga externa beroenden, CDNs, bilder eller webbtypsnitt) som renderar ett interaktivt ”levande digitalt terrarium” — en försluten glasburk i mitten av skärmen som innehåller en självförsörjande miniatyrregnskog som växer i realtid. Den ska kunna öppnas i vilken modern webbläsare som helst och köras direkt i 60fps utan något byggsteg. Kärnscen och layout: centrera kompositionen symmetriskt och behandla glasburken som huvudscenen mot en djup, vinjetterad mörk bakgrund (radiell gradient från ett mjukt mossupplyst centrum som tonar ut till nästan svarta kanter), så att allt fokus hamnar på burken. Rendera allt på en HTML5 Canvas i helfönster, placerad under riktig glassmorphism-krom i DOM/CSS: burkens vägg måste visa genuina glasegenskaper — böjda refraktionshöjdpunkter, en ljus spekulär kantljusstrimma, svag frostad oskärpa och spridda kondensdroppar med små linseffekter — uppnått med lager av radiella/linjära gradienter, backdrop-filter blur, halvtransparenta vita linjer och mjuka box-shadows. Inuti burken finns mörk, fuktig mylla längst ned och en svag volymetrisk dimma som sakta driver. De tre tekniska lagren som måste staplas och samexistera (det är här svaga och starka modeller skiljer sig åt — en svag modell skapar en statisk bild, en stark gör hela burken levande): 1. Rekursiv L-system-tillväxt: rankor, ormbunksblad och mossor genereras av ett L-system / en rekursiv förgreningsalgoritm och animerar sin utveckling över tid — stjälkar blir längre, grenar delas upp, blad rullar ut, löv skalas in med easing. Tillväxten är organisk och något slumpad per gren (vinkelvariation, avsmalnande tjocklek, avtagande längd), så att inga två växter ser identiska ut vid omladdning. 2. Partikelsystem: bärnstensfärgade eldflugeliknande ljuspartiklar (dussintals) driver och guppar genom dimman med mjuk additiv glöd och diskret parallax, plus stigande kondens-/pollenprickar; partiklarna reagerar subtilt på nyvuxna växter. 3. Dag–natt-ljuscykel: en kontinuerlig slinga för omgivningsljuset sveper huvudljuset ovanifrån från svalt vit gryning → varm gyllene skymning → djup indigofärgad natt och tillbaka, och färgar om hela scenen, glasets högdagrar, dimman och växternas toner därefter. Växterna uppvisar fototropism — stjälkar böjer sig och lutar spetsarna mot den aktuella ljusriktningen när den rör sig. Primär interaktion: ett klick var som helst på burkens vägg/interiör släpper ett enda frö i myllan vid klickets x-position, och fröet spelar upp en fullständig, synlig livscykel i följd — fröet faller och lägger sig till rätta, gror till ett skott, skottet förgrenas rekursivt via L-systemet och blommar sedan med en liten lysande blomma vid mognad — varje steg med easing och tydligt läsbart, med en mjuk krusning/dammpuff vid landning. Flera klick skapar flera växter som samexisterar och fortsätter att växa, och fyller gradvis terrariet till ett tätare snår. Inkludera ett par subtila inline-kontroller som glassmorphic pill-knappar (t.ex. ”Återställ terrarium” och en växling ”Dag/Natt: auto ⇄ dra” där användaren kan skrubba tiden på dygnet, plus valfri paus). Lägg till en svag ledtrådsrad (”tryck på glaset för att plantera ett frö”) som tonar bort efter första interaktionen. Palett och stämning: skogsbläckgrön och mossigt gulgrön grönska, bärnstens-/honungsglöd för ljuspartiklar och blommor, svala teal-färgade glastoner på burken, varma guldtoner och svala indigotoner över dag–natt-svepet. Helhetskänslan är stillsam, andande och meditativ — långsam mjuk rörelse, inga hårda övergångar. Tekniska krav: använd requestAnimationFrame med delta-tid så att animationen är oberoende av bildfrekvens; gör canvasen responsiv vid fönsterstorleksändring med korrekt devicePixelRatio-skalning och håll burken centrerad; begränsa partikel- och grenantal på ett rimligt sätt så att allt förblir smidigt; håll all slumpmässighet seedad per växt så att tillväxten ser naturlig ut. Allt — geometri, glöd, glas, dimma, ljussättning, partiklar och de rekursiva växterna — måste ritas eller beräknas i kod, helt utan externa resurser. Leverera endast det kompletta HTML-dokumentet, redo att sparas som en .html-fil och öppnas.