GPT 6 Astra for Computer Use

Buat halaman web HTML interaktif lengkap dalam satu file berjudul “Laboratorium Kecelakaan Letterpress Tengah Malam”. Hanya keluarkan dokumen HTML yang sudah selesai, dengan seluruh CSS dan JavaScript ditulis inline. Halaman ini harus dapat dibuka dan berfungsi langsung di browser modern tanpa dependensi eksternal, CDN, pustaka, font, tautan gambar, file SVG, atau aset lainnya. Ini adalah halaman web responsif, bukan gambar tetap atau komposisi kanvas 16:9; halaman harus beradaptasi dengan baik pada layar desktop, tablet, dan seluler. Bangun simulator letterpress eksperimental yang terasa nyata, di mana pengguna menyusun cetakan dengan menyeret blok huruf timah satu per satu ke atas lembar di tengah, memutarnya dan mengubah posisinya, lalu menyesuaikan jumlah tinta, tekanan mesin cetak, dan kelembapan kertas sebelum menarik tuas mekanis besar. Hasil cetak harus merespons parameter tersebut secara prosedural: tinta berlebih menyebabkan bleber dan counter huruf tersumbat, tinta rendah menghasilkan tepi kering yang terputus, tekanan mengubah lekukan dan deformasi, kelembapan meningkatkan feathering dan kerusakan serat kertas, penempatan huruf yang tidak sempurna menciptakan misregistrasi, dan impresi berulang menghasilkan bayangan offset serta gambar hantu. Izinkan beberapa lintasan warna hanya menggunakan merah vermilion, biru ultramarin, dan kuning asam, dengan pencampuran overprint yang realistis, urutan layer yang terlihat, visibilitas per layer, undo/redo langkah demi langkah, serta kemampuan mengangkat sudut kertas untuk menyingkap cetakan yang terus berkembang. Bekukan drama visual utama pada momen ketika roller mesin cetak baru saja terangkat dan cetakan akhir akan segera diperlihatkan. Kertas di tengah harus terasa seperti panggung teater. Susun blok huruf, roller tinta, pinset, pin registrasi, potongan bahan, pengukur, dan kontrol dalam cincin asimetris di sekelilingnya. Gunakan fondasi kertas tulang putih pudar dan abu-abu timah, diterangi lampu kerja putih hangat yang bersinar diagonal dari kiri atas. Render semuanya melalui CSS, elemen HTML, Canvas, dan tekstur prosedural dalam gaya screen-print fisik kasar dan kolase buatan tangan: tepi sobek, serat kertas, pigmen tidak merata, bintik halftone, logam tergores, noda tinta, serpihan selotip, sedikit perspektif, registrasi tidak sempurna, dan bayangan berlapis. Hindari gradien mengilap, gaya SaaS steril, kartu generik, warna cyberpunk neon, citra fotorealistis, emoji, ilustrasi stok, dan geometri vektor yang sepenuhnya bersih. Sertakan inventaris movable type yang cukup besar dengan huruf, tanda baca, angka, dan beberapa blok dekoratif. Pengguna harus dapat menyeret blok dari inventaris ke area penyusunan, memilih beberapa blok, memutarnya menggunakan handle atau pintasan keyboard, menggesernya dengan tombol panah, menghapus atau menggandakannya, serta mengedit isi teks tanpa menghilangkan tampilan fisik blok. Tambahkan panduan snapping yang dapat diaktifkan atau dinonaktifkan, tetapi tetap pertahankan ketidakteraturan manual kecil. Sediakan status hover, aktif, dipilih, dinonaktifkan, dan fokus yang jelas. Dukung interaksi pointer dan sentuhan, kontrol keyboard yang masuk akal, label aksesibel, serta indikator fokus yang terlihat. Buat tiga kontrol taktil untuk jumlah tinta, tekanan, dan kelembapan, yang nilainya memperbarui pratinjau kertas, simulasi tekstur, pengukur, label peringatan, dan perilaku mesin sekitar secara real time. Sistem harus menampilkan kondisi kecelakaan yang menghibur pada kombinasi ekstrem, seperti semburan tinta liar, huruf ganda, huruf yang bergeser, retakan serat yang kasar, getaran roller, dan tanda registrasi yang terciprat, sambil tetap menjaga komposisi agar terbaca. Tambahkan log eksperimen ringkas yang mencatat setiap impresi beserta parameternya. Pengguna harus dapat memilih warna lintasan, menekan tuas dengan menyeretnya melalui busur yang meyakinkan, menyaksikan siklus pencetakan yang singkat tetapi mendetail, lalu mengupas kembali kertasnya. Animasi harus mencakup resistansi tuas, getaran mesin, pergerakan roller, kompresi kertas, partikel debu, kedipan lampu kecil, dan jeda menegangkan sebelum pengungkapan. Patuhi prefers-reduced-motion. Buat undo dan redo benar-benar berfungsi untuk penempatan, rotasi, perubahan parameter, pencetakan, lintasan warna, dan tindakan pengungkapan. Sertakan kontrol Atur Ulang, Kecelakaan Acak, Tinta Ulang, Tambah Lintasan, Undo, dan Redo, serta petunjuk orientasi singkat yang menghilang setelah interaksi. Isi halaman sejak awal dengan poster yang sebagian telah disusun dan menarik secara visual, tetapi biarkan setiap elemen penting tetap dapat diedit. Tambahkan umpan balik visual halus yang menyerupai suara tanpa menggunakan aset audio. Pastikan tekstur prosedural bersifat deterministik jika memungkinkan agar undo mengembalikan tampilan yang sama. Pengalaman ini harus terasa seremonial, dibuat tangan, menegangkan, dan nakal tak terkendali, bukan sekadar dekoratif. Prioritaskan detail interaksi yang dipoles, keterkaitan parameter yang meyakinkan, artefak pencetakan prosedural berlapis, pengaturan waktu animasi yang halus, dan komposisi responsif yang sangat baik. Gunakan HTML semantik dan vanilla JavaScript yang bersih serta terstruktur dengan baik. Respons akhir harus hanya berisi dokumen HTML lengkap yang dapat dieksekusi.

Buat halaman web HTML interaktif lengkap, dipoles, dan dalam satu file berjudul “Teater Soundscape Ramen Tengah Malam”. Hanya keluarkan dokumen HTML akhir dengan seluruh CSS dan JavaScript ditulis inline. Halaman ini harus berjalan langsung di browser modern tanpa build step dan tanpa dependensi eksternal, pustaka, font, gambar, file audio, sumber daya CDN, permintaan jaringan, atau aset tertaut. Bangun adegan interaktif ekspresif di dalam kedai ramen tengah malam yang surealis. Objek utamanya adalah satu untaian mi elastis yang berkesinambungan, dirender dengan Canvas, SVG, atau kombinasi keduanya yang terintegrasi dengan baik. Untaian mi harus melintas diagonal di latar depan dan terasa berwujud: pengguna dapat menggenggamnya di titik mana pun menggunakan mouse atau sentuhan, menyeretnya, meregangkannya, mencambukkannya, melipatnya pada dirinya sendiri, lalu melepaskannya. Implementasikan fisika pegas yang meyakinkan dengan inersia, redaman, gravitasi, beberapa segmen yang saling terhubung, respons tumbukan, dan gerakan sekunder yang terlihat. Jaga agar simulasi tetap stabil bahkan saat diseret secara agresif, arah berubah cepat, ukuran viewport berubah, atau interaksi dilakukan berulang kali. Susun setidaknya tiga mangkuk ramen yang berbeda dan beberapa bahan di sepanjang busur melengkung melalui komposisi, sehingga tercipta ritme visual yang kuat di sekitar mi diagonal. Setiap mangkuk harus memiliki pola kuah bergambar, identitas warna, label, dan karakter suara masing-masing. Saat mi menyentuh atau jatuh ke dalam mangkuk, picu respons audiovisual yang tersinkronisasi: ketukan perkusi unik yang disintesis dengan Web Audio API, semburan uap yang meningkat, semprotan partikel hijau daun bawang, riak kuah, tetesan kecil, getaran registrasi screen-print, dan onomatope tulisan tangan bergaya Jepang yang dianimasikan seperti “ZURU!”, “PON!”, “JUU!”, atau “BASHAN!” yang dibuat dari teks bergaya, bukan font eksternal. Intensitas tumbukan harus memengaruhi volume, pitch, jumlah partikel, ukuran riak, skala huruf, dan kekuatan animasi. Audio hanya boleh dimulai setelah interaksi pertama pengguna dan harus menyertakan kontrol mute/unmute yang jelas. Keadaan visual klimaks harus membangkitkan kesan freeze-frame ketika mi teregang dramatis di udara sementara kuah melayang sesaat sebelum terciprat. Dukung ini dengan kontrol “BEKUKAN CIPRATAN” dan tombol Space: saat memasuki mode beku, terapkan transisi singkat yang menghentak, hentikan adegan fisik tanpa kehilangan statusnya, tonjolkan tetesan di udara dan tegangan mi yang teregang, tampilkan tipografi kinetik tebal bergaya poster, dan pertahankan kilau garis prosedural halus agar halaman tetap terasa hidup. Menekan Space atau kontrol tersebut lagi harus melanjutkan adegan dengan mulus. Tambahkan kontrol reset, indikator status suara ringkas, dan pembacaan “tempo/dampak” langsung yang sederhana berdasarkan tumbukan terbaru. Kontrol keyboard harus dapat ditemukan dalam panel bantuan kecil yang terintegrasi: Space mengaktifkan/nonaktifkan freeze, R mereset, M menonaktifkan suara, dan tombol panah memberikan impuls arah pada mi. Gunakan perpaduan visual canggih antara desain poster silkscreen vintage dan animasi garis prosedural. Latar belakang indigo gelap harus dominan, dipotong oleh kehangatan api kompor yang terlokalisasi di sekitar mangkuk dan titik tumbukan. Gunakan warna spot berlapis—merah vermilion, kuning jahe, hijau daun bawang, krem hangat, dan hampir hitam—dengan tekstur halftone, tepi tinta kasar, sedikit misregistrasi warna, bayangan grafis tebal, dan garis kontur animatif. Hasilnya harus terasa dibuat tangan dan teatrikal, bukan mengilap atau fotorealistis. Sertakan uap ambient halus, cahaya kompor yang berkedip, grain yang melayang, dan linework yang bergerak, tetapi pertahankan kontras kuat serta kontrol yang mudah dibaca. Hindari gaya cyberpunk neon generik. Buat komposisi responsif pada layar desktop lebar, tablet, dan seluler; ini adalah halaman web, jadi jangan memaksakan rasio aspek tetap 16:9. Sesuaikan penempatan mangkuk, tipografi, kontrol, batas simulasi, dan target sentuhan secara fleksibel tanpa memotong konten penting. Gunakan pointer events untuk menyatukan penanganan mouse, pena, dan sentuhan. Cegah pengguliran halaman hanya saat mi sedang aktif dimanipulasi. Patuhi prefers-reduced-motion dengan mengurangi animasi ambient sambil mempertahankan fungsi interaksi inti. Pertahankan performa mulus melalui pooling partikel yang efisien atau batas partikel yang ketat, requestAnimationFrame, rendering yang memperhatikan device-pixel-ratio dengan batas resolusi yang wajar, dan penanganan koordinat yang aman saat resize. Persyaratan konten dan penyelesaian: sertakan treatment judul atmosferik, ajakan interaksi satu baris yang singkat, tiga mangkuk atau lebih yang diberi label, beberapa topping yang berbeda secara visual, kata-kata suara tulisan tangan sesuai konteks, status kontrol yang dipoles, gaya fokus yang jelas, label tombol aksesibel, dan petunjuk interaksi yang tidak mengganggu serta memudar setelah penggunaan pertama. Adegan pembuka harus sudah terlihat seperti poster koleksi yang selesai sebelum interaksi apa pun, sementara keadaan aktif harus berubah menjadi mainan ritmis yang hidup dengan umpan balik berlapis dan gerakan emergen yang mengejutkan. Batasan negatif: tanpa aset atau dependensi eksternal; tanpa URL gambar; tanpa audio prarekaman; tanpa framework; tanpa placeholder yang belum selesai; tanpa komentar TODO; tanpa kontrol rusak; tanpa kanvas tetap 16:9; tanpa UI default yang polos; tanpa latar belakang yang hanya berupa gradien generik; tanpa emoji sebagai karya seni utama; tanpa teks penjelasan berlebihan; tanpa audio autoplay; tanpa pertumbuhan partikel yang tidak terkendali; tanpa fisika rapuh yang meledak atau menghasilkan nilai NaN; tanpa interaksi yang hanya berfungsi dengan mouse; dan tanpa keluaran di luar satu dokumen HTML lengkap.