Kimi API for Vision-to-Code Generation

Buat halaman HTML satu file yang lengkap untuk game arcade Snake yang dapat dimainkan, dengan semua CSS dan JavaScript inline serta tanpa dependensi eksternal, CDN, gambar, atau font sama sekali. Render papan permainan di canvas dengan skema warna neon modern di atas latar gelap, gerakan halus, dan jejak cahaya lembut di belakang ular. Dukung kontrol tombol panah dan WASD plus gestur swipe di perangkat sentuh, tampilkan skor langsung dan high score yang persisten, serta tingkatkan kecepatan game secara bertahap saat skor naik. Picu ledakan partikel kecil setiap kali makanan dimakan, tampilkan overlay game-over beranimasi dengan tombol restart, dan jaga layout tetap responsif agar papan selalu berada di tengah dan mudah dibaca di desktop maupun mobile.

Buat satu file HTML yang sepenuhnya mandiri (semua CSS dan JavaScript inline, sama sekali tanpa dependensi eksternal, CDN, gambar, atau web font) yang merender "terarium digital hidup" interaktif — sebuah stoples kaca tertutup di tengah layar yang berisi hutan hujan mini mandiri yang tumbuh secara real time. Saat dibuka di browser modern apa pun, halaman ini harus langsung berjalan pada 60fps tanpa build step. Adegan inti dan layout: pusatkan komposisi secara simetris, perlakukan stoples kaca sebagai panggung utama di atas latar gelap dengan vignette yang dalam (radial gradient dari pusat yang lembut diterangi nuansa lumut lalu memudar ke tepi hampir hitam) sehingga seluruh fokus tertuju pada stoples. Render semuanya pada HTML5 Canvas layar penuh yang dilapisi di bawah chrome DOM/CSS glassmorphism sungguhan: dinding stoples harus menampilkan kualitas kaca yang autentik — highlight refraksi melengkung, garis rim-light spekular yang terang, blur buram tipis, dan tetesan kondensasi tersebar dengan efek lensa kecil — dicapai dengan radial/linear gradient berlapis, backdrop-filter blur, stroke putih semi-transparan, dan box-shadow lembut. Di dalam stoples terdapat lempung gelap yang lembap di bagian bawah dan kabut volumetrik samar yang bergerak perlahan. Tiga lapisan teknis yang harus bertumpuk dan hidup berdampingan (di sinilah model lemah dan kuat terlihat berbeda — model lemah akan menghasilkan gambar statis, model kuat membuat seluruh stoples terasa hidup): 1. Pertumbuhan L-system rekursif: sulur, frond pakis, dan lumut dihasilkan oleh algoritma L-system / percabangan rekursif dan menganimasikan proses mekarnya seiring waktu — batang memanjang, cabang membelah, frond membuka gulungan, daun membesar dengan easing. Pertumbuhan terasa organik dan sedikit acak di tiap cabang (jitter sudut, taper ketebalan, peluruhan panjang) sehingga tidak ada dua tanaman yang terlihat identik saat reload. 2. Sistem partikel: mote cahaya amber mirip kunang-kunang (puluhan) melayang dan berayun di dalam kabut dengan glow aditif yang lembut dan parallax halus, ditambah bintik kondensasi/serbuk sari yang naik; partikel bereaksi secara subtil terhadap tanaman yang baru tumbuh. 3. Siklus pencahayaan siang–malam: loop cahaya ambient kontinu menggeser key light dari arah atas, dari fajar putih sejuk → senja emas hangat → malam indigo pekat lalu kembali lagi, sekaligus mewarnai ulang seluruh adegan, highlight kaca, kabut, dan rona tanaman. Tanaman menunjukkan fototropisme — batang membengkok dan ujungnya condong ke arah cahaya saat ini ketika cahaya bergerak. Interaksi utama: klik di mana saja pada dinding/interior stoples untuk menjatuhkan satu benih ke lempung pada posisi x klik, dan benih itu menjalani siklus hidup penuh yang terlihat secara berurutan — benih jatuh dan menetap, berkecambah menjadi tunas, tunas bercabang secara rekursif melalui L-system, lalu mekar menjadi bunga kecil bercahaya saat matang — setiap tahap memakai easing dan mudah dipahami, dengan ripple lembut/kepulan debu saat mendarat. Beberapa klik memunculkan beberapa tanaman yang hidup berdampingan dan terus tumbuh, perlahan mengisi terarium menjadi rumpun yang lebih lebat. Sertakan beberapa kontrol inline yang subtil dalam tombol pil glassmorphic (misalnya "Reset terarium" dan toggle "Siang/Malam: auto ⇄ seret" tempat pengguna dapat menggeser waktu dalam sehari, plus opsi pause). Berikan baris petunjuk samar ("ketuk kaca untuk menanam benih") yang memudar setelah interaksi pertama. Palet dan suasana: dedaunan hijau tinta hutan dan hijau kekuningan lumut, glow amber/madu untuk mote cahaya dan bunga, rona kaca teal sejuk pada stoples, sapuan emas hangat dan indigo sejuk sepanjang transisi siang-malam. Kesan keseluruhannya tenang, bernapas, meditatif — gerakan pelan yang lembut, tanpa transisi kasar. Persyaratan teknis: gunakan requestAnimationFrame dengan delta-time agar animasi independen dari frame-rate; buat canvas responsif terhadap resize jendela dengan scaling devicePixelRatio yang benar dan jaga stoples tetap di tengah; batasi jumlah partikel/cabang secara masuk akal agar tetap mulus; pertahankan semua randomness seeded per-plant agar pertumbuhan terlihat alami. Semuanya — geometri, glow, kaca, kabut, pencahayaan, partikel, dan tanaman rekursif — harus digambar atau dihitung dalam kode, tanpa aset eksternal sama sekali. Berikan hanya dokumen HTML lengkap, siap disimpan sebagai satu file .html dan dibuka.