Gasing Legenda Naik Tingkat

Buat momen sorotan gim seluler yang orisinal: Gasing Legenda naik tingkat. Satu file HTML (HTML + CSS + JS), 1280x720, 15 detik, langsung berjalan sendiri lewat demo autopilot dengan kursor yang terlihat, dan tetap bisa diklik sungguhan. Mutunya setara layar hadiah gim seluler komersial. [Dunia dan gaya] - Desain orisinal, tanpa IP, karakter, atau logo gim mana pun. - Gaya kartun gim seluler: warna jenuh, garis tepi gelap seragam #1A1033, bentuk bulat dan tebal. - Warna naik sesuai tingkat: Biasa hijau #43C66B, Langka biru #2C7FF0, Epik ungu #8A3CEB, Legenda emas #FFD43B dengan merah muda #F2478A. Tiap naik tingkat, warna utama, warna lampu tepi, latar, dan motif latar ikut berganti. - Judul memakai font bulat tebal Lilita One, garis tepi gelap, bayangan tebal, isi tiga lapis (sorot, dasar, bayangan), dan huruf dihantamkan satu per satu dengan pantulan. [Gasing: benar-benar 3D] - Model Three.js: badan kerucut cembung dari LatheGeometry, cincin pinggang dengan paku keling, delapan panel juring di bagian atas (ExtrudeGeometry bertebal dan berbevel, dua warna berselang-seling) dengan celah nyata di antaranya, kepala pegangan di tengah, dua alur cincin dan deretan kancing hias di badan bawah, serta paku besi di ujung. - Hiasan kepala berganti per tingkat: paku keling baja, lalu bingkai perak dengan permata biru, lalu bingkai perak dengan permata magenta dan empat kancing, lalu bingkai emas dengan berlian dan mahkota kecil. - Shading toon MeshToonMaterial dengan gradient map bertingkat, tiga lampu: lampu utama, HemisphereLight langit, dan lampu tepi berwarna tingkat dari belakang. - Garis tepi lewat post-processing: render peta normal dan depth, lalu shader deteksi tepi. Kontur luar tebal, sambungan antarbagian tipis, ketebalan konsisten, dengan supersampling 1,5x dan MSAA. Ambang depth dilonggarkan, sambungan terutama dibaca dari normal. - Saat diam, gasing melayang naik turun pelan dan berayun kiri-kanan supaya sisi dan ketebalannya terlihat. Bayangan lembut di lantai mengecil saat ia naik. [Lima babak] 1. Siap (0 sampai 1 detik): gasing Biasa melayang di atas cincin panggung bercahaya, judul "GASING BIASA", teks "KETUK" berdenyut di bawah, dan gasing bergoyang sekali sebagai isyarat. Kursor masuk dari kanan bawah. 2. Naik tingkat (1 sampai 4,9 detik): tiga ketukan, berjarak 1,3 detik. Tiap ketukan gasing berjongkok, melompat sambil berputar dua kali pada sumbu tegaknya dan memiringkan permukaan atasnya ke arah kamera, berganti warna di puncak lompatan dengan kilat lembut dari belakang, cincin percikan, dan gelombang kejut, lalu mendarat di cincin dengan pipih dan pantul. Judul lama terlempar keluar, dan judul baru dihantamkan saat gasing turun, dengan label "NAIK TINGKAT!". 3. Mengisi tenaga (4,9 sampai 6,35 detik): ketukan keempat ("KETUK UNTUK MEMUTAR"). Gasing naik, berputar makin cepat, getarannya makin keras, celah antarpanel memancarkan cahaya, partikel tersedot ke tengah dalam spiral, lalu gasing memipih keras. 4. Ledakan (6,35 sampai 6,8 detik): kilat radial bermode screen dengan intensitas paling tinggi 0,8, guncangan layar, kamera mendorong maju, gelombang kejut tiga lapis, garis cahaya panjang tipis, bintang kilau, koin dan permata yang berputar terlempar, dan konfeti sekali saja. Gasing mendarat dan berputar di atas ujung pakunya. 5. Pengungkapan dan hasil (6,8 sampai 15 detik): elemen lain memudar, latar berganti menjadi tirai gradien hangat yang bersih dengan cahaya lembut berputar pelan, tujuh berkas cahaya kabur mengipas di belakang gasing dengan inti cahaya dan debu cahaya yang naik. Pendaran hanya ada di belakang gasing, dan lintasan debu bintang mengitari gasing sepenuhnya di luar siluetnya. Judul "KAMU MENDAPATKAN" dan "GASING LEGENDA". Panel "STATISTIK" masuk dari kiri dengan angka bergulir (Kecepatan, Daya Tahan, Keseimbangan) lalu muncul label naik. Tiga kartu hadiah melesat dari gasing lewat lintasan melengkung ke panel "HADIAH" dan mendarat dengan overshoot dan goyang: Koin x1.200, Permata x45, dan Tali Pelangi x1 berbingkai pelangi bergerak dengan pita "BARU!". Kursor menekan tombol "AMBIL", koin dan permata terbang di kurva Bezier ke saldo kanan atas, tiap kedatangan membuat saldo melompat dan bertambah, lalu tombol berubah menjadi "TERKUMPUL", tab "Gasing" mendapat lencana angka 1, dan panggung memancarkan denyut cahaya penutup. [Cahaya: lembut, tanpa tepi keras] - Sinar latar dari conic-gradient bertransisi lembut, tiga lapis dengan kepadatan dan kecepatan putar berbeda. Motif latar beda tiap tingkat: daun, ombak, belah ketupat, bintang. - Tiap percikan punya halo transparan. Gelombang kejut terdiri dari tiga goresan: lebar dan pudar, sedang, tipis dan terang. [Ilustrasi 2D dan antarmuka] - Ikon hadiah digambar di Canvas 2D dengan tiga lapis warna (dasar, bayangan blok, sorot), kontur luar tebal dan garis dalam tipis, masing-masing dengan ekspresi sendiri (koin tertawa, permata bermata berbinar, tali mengedip) dan bayangan di bawahnya, resolusi 2x ukuran tampil. Bingkai ikon punya motif latar sendiri. - HUD atas: tab mode "Gasing" dan "Arena", saldo koin dan permata, tombol suara. Bingkai, pelat nama, dan tombol bertekstur logam sikat, bevel terang di kiri atas dan gelap di kanan bawah, plus bayangan dalam. Di tingkat Legenda bingkainya emas dengan berlian dan mahkota kecil. [Prinsip gerak dan teknis] - Semua dikoreografi dengan timeline GSAP: squash and stretch, overshoot, elastic. - Partikel Canvas 2D buatan sendiri: gravitasi, hambatan, umur, blending aditif, serta gerak tersedot, terbang melengkung, dan mengorbit. - State machine ketat: ketukan selama animasi diabaikan, loop goyang dan napas dihentikan lalu dinolkan saat berganti state. - Frame pertama sudah berupa layar siap yang lengkap, tanpa layar kosong.