xAI TTS v1 Sub-Second Speech

Buat halaman web HTML interaktif satu file yang lengkap dan dipoles berjudul “Cloudborne Balloon Dispatch.” Hanya keluarkan dokumen HTML final, dengan semua CSS dan JavaScript ditulis secara inline. Halaman ini harus dapat dibuka dan berfungsi langsung di browser modern tanpa proses build, dependensi eksternal, pustaka, font, CDN, URL gambar, API, atau file tambahan. Ini adalah halaman web responsif, bukan komposisi tetap 16:9. Rancang stasiun kendali armada balon udara panas bernuansa era fajar yang memadukan instrumen penerbangan vintage, peta topografi bercetak sablon, tekstur kertas taktil, kontrol kuningan, dan simulasi real-time modern. Gunakan palet berlapis yang tertata cermat, terdiri dari biru kobalt, kuning krem, merah koral, putih hangat, arang, dan kuningan kusam. Cahaya pagi yang hangat harus berangsur-angsur menjadi lebih terang dari sudut kiri atas. Representasikan ketinggian, lapisan angin, dan bahaya secara konsisten melalui warna, ketebalan garis, pola, serta legenda yang jelas. Buat semua visual secara prosedural menggunakan HTML, CSS, Canvas, dan SVG inline jika diperlukan. Area utama harus berupa peta wilayah udara tampak atas yang besar dan dianimasikan, menampilkan ngarai, garis kontur, setidaknya dua belas balon yang dapat diidentifikasi satu per satu, beberapa lapisan angin yang berubah, sistem badai kumulonimbus yang bergerak, zona turbulensi, serta mercusuar terapung sebagai tujuan. Terapkan simulasi fisika ringan yang benar-benar berfungsi: setiap balon harus melacak posisi, kecepatan, ketinggian, bahan bakar, ballast, suhu, risiko, dan riwayat rute; arah dan kekuatan angin harus bervariasi menurut ketinggian serta berubah seiring waktu; pembakar meningkatkan daya angkat sambil mengonsumsi bahan bakar; pelepasan ballast menaikkan balon tetapi secara permanen mengurangi ballast; pendinginan menyebabkan penurunan; dinding ngarai dan sel badai menciptakan bahaya yang bermakna. Balon harus terus bergerak dan meninggalkan jejak penerbangan yang terlihat serta memudar. Tujuannya adalah memandu seluruh armada dengan aman ke mercusuar sebelum sumber daya atau waktu habis. Sertakan hitung mundur peluncuran yang menonjol saat fajar, dengan kontrol Mulai, Jeda, Lanjutkan, Atur Ulang, dan kecepatan simulasi. Sebelum peluncuran, balon harus bergoyang halus sementara instrumen bergerak-gerak kecil. Setelah peluncuran, animasikan partikel angin, pergerakan balon, pertumbuhan badai, penggambaran jejak, denyut peringatan, dan perubahan cahaya. Pengguna harus dapat menyeret node arah angin langsung pada peta untuk mengubah aliran udara lokal secara real-time, dengan umpan balik visual dan fisik yang langsung. Mengeklik balon harus memilihnya, menyoroti rutenya, memusatkan datanya di seluruh antarmuka, dan membuka inspektur detail ringkas. Sediakan kontrol pembakar dan ballast taktil untuk balon yang dipilih, termasuk perilaku pembakar tekan dan tahan, tindakan pelepasan ballast yang konsekuensinya jelas, pintasan keyboard, serta tombol yang mudah diakses. Izinkan pemilihan banyak balon atau perintah untuk seluruh armada demi permainan tingkat lanjut. Atur sidebar vertikal berisi kartu misi yang menampilkan tujuan armada, peringatan aktif, ringkasan cuaca, dan ringkasan status tiap balon. Kartu misi harus diperbarui secara langsung dan mendukung penyaringan berdasarkan status aman, peringatan, kritis, tiba, dan hilang. Tempatkan strip telemetri yang padat tetapi mudah dibaca di sepanjang bagian bawah, dengan chart Canvas yang bergulir mulus untuk ketinggian, kecepatan vertikal, bahan bakar, kedekatan dengan badai, dan progres armada. Saat pengguna mengarahkan kursor atau menggeser penanda pada chart, tampilkan nilai yang tersinkronisasi dan soroti momen terkait pada jejak balon yang dipilih. Tambahkan pengukur vintage, jarum berputar, pembacaan angka, lampu peringatan, label bercap, koordinat peta, pita ketinggian, minimap atau ikhtisar ringkas, serta legenda yang jelas. Gunakan perilaku tata letak responsif, bukan sekadar mengecilkan komposisi desktop. Pada layar lebar, tampilkan sidebar, peta utama, inspektur, dan telemetri secara bersamaan. Pada tablet, ciutkan kartu sekunder menjadi tab atau drawer. Pada perangkat seluler, prioritaskan peta dan kontrol balon yang dipilih, sediakan target sentuh besar, susun panel telemetri secara bertumpuk, dan pertahankan interaksi seret. Pastikan halaman mengisi viewport dengan baik pada berbagai rasio aspek dan tetap dapat digunakan dengan mouse, sentuhan, serta keyboard. Buat simulasi terasa lengkap: sertakan kondisi sukses dan gagal, docking kedatangan yang dianimasikan di mercusuar terapung, umpan balik tabrakan atau kehilangan akibat badai, tooltip kontekstual, panduan penggunaan pertama, status kosong dan nonaktif, konfirmasi untuk pelepasan ballast yang tidak dapat dibatalkan, alur mulai ulang, pengumuman status, serta laporan misi final dengan statistik seperti jumlah kedatangan, kehilangan, efisiensi bahan bakar, risiko rata-rata, dan waktu yang telah berlalu. Tetapkan kondisi awal agar skenario langsung menarik tetapi tetap dapat dimenangkan. Gunakan requestAnimationFrame untuk animasi yang mulus dan Canvas untuk peta serta telemetri jika sesuai. Pertahankan performa rendering, gunakan devicePixelRatio untuk Canvas yang tajam, tangani peristiwa resize dengan benar, dan hindari kesalahan di console. Prioritaskan hierarki visual yang luar biasa, mikrointeraksi yang bernuansa, perilaku instrumen yang meyakinkan, keterkaitan status di setiap panel, dan penyelesaian detail yang matang. Jangan membuat mockup statis. Jangan gunakan persegi panjang placeholder, gradien generik sebagai keseluruhan desain, kontrol palsu yang tidak berfungsi, aset eksternal, font eksternal, dialog alert(), teks penjelasan berlebihan, overflow horizontal, label kecil yang sulit dibaca, atau interaksi yang hanya berfungsi dengan mouse. Jangan memaksakan Canvas 16:9 atau viewport berukuran tetap. Setiap kontrol utama yang terlihat harus berfungsi, dan semua data yang ditampilkan harus berasal dari status simulasi yang berjalan secara langsung.

Buat halaman web HTML interaktif satu file yang lengkap dan dipoles berjudul “Midnight Automated Bakery,” hanya menggunakan HTML, CSS, dan JavaScript vanilla secara inline. Keluarkan seluruh dokumen HTML yang dapat dijalankan dan tidak ada yang lain. Jangan gunakan pustaka eksternal, framework, CDN, font, gambar, file SVG, file audio, API, atau permintaan jaringan; semua visual, ikon, umpan balik mirip suara, efek, dan logika permainan harus dibuat secara lokal menggunakan HTML/CSS/JS. Bangun permainan penjadwalan pesanan yang sepenuhnya dapat dimainkan, berlatar di dalam toko roti otomatis pada tengah malam. Potongan adonan harus terus-menerus masuk ke sistem konveyor isometrik dengan bentuk, resep, suhu pemanggangan yang diperlukan, durasi pemanggangan, batas kesegaran, dan nilai poin yang dibedakan dengan jelas. Atur antarmuka di sekitar oven industri besar di tengah, jaringan konveyor berulang dengan jalur yang dapat dialihkan, serta panel instrumentasi real-time yang terpasang di sisi. Pemain harus dapat menyeret dan mengurutkan ulang item adonan dalam antrean oven, menyeretnya di antara slot yang kompatibel jika sesuai, mengeklik sakelar jalur untuk mengubah rute adonan yang masuk, mengeklik kontrol oven untuk menyesuaikan suhu atau mengaktifkan sistem, serta menggunakan kontrol keyboard yang didokumentasikan dengan jelas untuk mempercepat konveyor sementara dan melakukan pendinginan darurat. Semua interaksi mouse, sentuhan, klik, seret, dan keyboard harus merespons dengan segera dan terlihat. Terapkan gameplay berbasis status yang nyata, bukan mockup statis. Sertakan beberapa pesanan adonan secara bersamaan, pergerakan konveyor, pengaturan rute jalur, validasi tabrakan dan snap untuk drag-and-drop, batas kapasitas, timer per item, inersia suhu oven, progres pemanggangan, status kurang matang/sempurna/terlalu matang, skor, combo pengali, nyawa atau reputasi, tingkat kesulitan yang meningkat, jeda/lanjutkan, mulai ulang, serta tutorial interaktif singkat atau overlay bantuan. Resep harus menciptakan konflik penjadwalan yang bermakna: produk yang berbeda harus memerlukan suhu dan durasi yang berbeda, sehingga mendorong pengaturan ulang antrean serta pendinginan atau percepatan strategis. Roti yang dipanggang sempurna harus keluar berwarna keemasan, memicu semburan partikel yang memuaskan, menerangi jendela pajangan toko roti, meningkatkan combo, dan memperbarui log pesanan. Kesalahan harus menghasilkan roti hangus yang terlihat, asap dan partikel bara yang mengepul, lampu peringatan, guncangan instrumen, hilangnya combo, serta umpan balik non-audio yang jelas. Sediakan sakelar suara opsional, tetapi simulasikan umpan balik audio secara visual dan dengan Web Audio yang seluruhnya dibuat dalam JavaScript saat diaktifkan; permainan harus tetap sepenuhnya dapat dipahami saat dibisukan. Gunakan bahasa visual orisinal dan kohesif yang memadukan pixel art isometrik mendetail dengan instrumentasi industri presisi. Kontraskan cahaya tungku amber yang hangat, sorotan tembaga, roti bercahaya, dan label krem lembut dengan lingkungan tengah malam indigo yang pekat. Ciptakan kedalaman melalui mesin yang digambar dengan CSS, lantai berpola ubin, pipa, ventilasi, bayangan, sorotan, tepi bertingkat piksel, scanline halus, lampu indikator, layar tersegmentasi, pengukur, garis peringatan, dan detail mekanis yang dianimasikan. Buat oven utama terasa hidup dengan ruang pemanggangan yang berkedip, pintu, tombol suhu, distorsi panas, dan lampu status. Animasikan sabuk konveyor, roda gigi, pergerakan adonan, asap, percikan, uap pendingin, penerangan jendela, umpan balik combo, dan transisi panel menggunakan CSS serta JavaScript yang efisien. Pertahankan keterbacaan yang tajam dan hierarki yang kuat meskipun menggunakan estetika ruang kontrol yang padat. Sertakan konten yang substansial dan ditata dengan cermat: lantai toko roti yang dapat dimainkan, antrean pesanan masuk, antrean oven, referensi resep, tampilan skor/combo real-time, instrumen suhu dan throughput, log peristiwa, legenda kontrol, notifikasi status, serta modal hasil akhir permainan atau ringkasan shift dengan hasil terperinci dan tindakan untuk bermain ulang. Tambahkan label yang mudah diakses, status fokus yang terlihat, pengoperasian dengan keyboard, dukungan gerakan yang dikurangi, dan petunjuk status yang tidak bergantung pada warna. Buat tata letak responsif di desktop, tablet, dan browser seluler, dengan menyusun ulang panel serta menyesuaikan skala toko roti secara cerdas tanpa mengurangi kemudahan penggunaan. Ini adalah halaman web, jadi jangan memaksakan Canvas 16:9 atau dimensi viewport yang dikodekan secara tetap; gunakan tata letak responsif yang mengalir, terlihat sangat baik pada layar lebar umum sekaligus beradaptasi dengan baik pada layar portrait. Prioritaskan kelengkapan, nuansa permainan, manajemen status yang andal, pengaturan waktu yang akurat, penanganan seret yang kuat, aturan tabrakan yang jelas, transisi yang dipoles, dan umpan balik visual. Halaman harus langsung berfungsi saat disimpan sebagai satu file .html dan dibuka secara lokal. Hindari: concept art statis, dashboard yang tidak berfungsi, kontrol placeholder, interaksi seret palsu, timer yang rusak, teks yang saling tumpang tindih, label kecil yang tidak terbaca, teks penjelasan berlebihan, kartu datar generik, gambar fotorealistis, aset eksternal, dependensi eksternal, gambar base64 tertanam, akses jaringan, proses build, banyak file, dimensi tetap 16:9, suara wajib, audio yang diputar otomatis, peringatan browser, umpan balik yang hanya muncul di console, dan bagian TODO yang belum selesai.