Sistem Tata Surya Pixel

Implementasikan sepenuhnya "situs web sistem tata surya interaktif bergaya pixel art hitam-putih" (statis murni, berjalan secara lokal, dapat di-deploy ke hosting statis). Semua persyaratan tercantum di bawah; implementasikan sesuai ketentuan dan verifikasi setiap poin.

[1. Dasar Teknis]
1. Situs statis murni: importmap + ESM native; three.js dan seluruh dependensi disediakan secara lokal; tanpa CDN, tanpa langkah build, tanpa backend; titik masuknya adalah index.html.
2. Strategi aset dua jalur: geometri menggunakan sphere bawaan / mesh parametrik three.js; tekstur menggunakan citra astronomi nyata (NASA Visible Earth, peta bulan LRO, SolarSystemScope), yang diatur dalam tiga tingkat kualitas — standar / HD 4K / ultra 8K — dengan manajer pemuatan tekstur (cache Promise, pembedaan ruang warna SRGB vs linear, anisotropi ≤ 8, coba lagi saat gagal dan kembali ke tingkat standar).
3. Renderer: antialias, output SRGB, ACESFilmicToneMapping (eksposur ≈ 1.05), DPR ≤ 2 (≤ 1.5 di perangkat seluler), bidang dekat 0.002, latar adegan hitam.

[2. Konten Adegan (semuanya 3D waktu nyata; tidak ada gambar atau video yang disamarkan sebagai 3D)]
1. Anggota: Matahari + delapan planet + Bulan (terkunci pasang surut, mengorbit Bumi). Planet yang lebih dalam mengorbit lebih cepat dan yang lebih luar lebih lambat, berotasi pada laju proporsional sebenarnya, serta menggunakan kemiringan sumbu nyata (Saturnus 27°, Uranus 82°).
2. Matahari: bola emisif + halo samar; lampu titik untuk pencahayaan + lampu ambient samar.
3. Bumi: tekstur ganda siang/malam yang beralih secara waktu nyata melalui "produk titik normal · arah Matahari" (transisi terminator), dengan lampu kota di sisi malam menyala sendiri (sakelar terpisah); cangkang awan terpisah (1.006R, alphaMap) dan cangkang cahaya tepi Fresnel atmosfer (1.025R, dikalikan faktor cahaya matahari) — ketiga lapisan dapat diaktifkan/nonaktifkan secara terpisah.
4. Saturnus: bola dan cincinnya berbagi grup kemiringan 27° yang sama; cincin adalah mesh parametrik pada bidang XZ, UV memetakan tekstur garis panjang berdasarkan radius, dua sisi, alphaTest ≈ 0.04, depthWrite = false.
5. Bulan: tekstur permukaan bulan 8K (sediakan tingkat 4K / 8K di web); pencahayaan jarak dekat harus digelapkan agar tampak realistis dalam abu-abu sedang.
6. Latar: titik bintang tetap yang jarang (bukan tekstur nebula besar).

[3. Sistem Interaksi]
1. Pemilihan benda langit: klik di katalog / klik raycast di adegan (benda kecil mendapat bola pemilihan tak terlihat yang diperbesar) / penelusuran sebelumnya-berikutnya.
2. Kamera fokus: kamera terus mengunci benda target yang bergerak (translasi disinkronkan di setiap frame) dan tidak pernah terbawa oleh gerak orbit; jarak pandang = radius pembatas / faktor pengisian tampilan (default 0.7, Bulan 0.78, Matahari 0.45 dengan tepi hitam); transisi halus ease-out 850 md yang melacak target secara waktu nyata bahkan selama transisi; seretan pengguna langsung mengambil alih (membatalkan gerakan kamera terprogram).
3. Prasetel tampilan: enam posisi kamera — sisi terang / terminator / wilayah kutub / tepi cakram / sisi malam / detail (disusun dari offset "arah menuju Matahari × menyamping × ke atas"; saat target berada di titik asal, gunakan arah tetap untuk menghindari degenerasi vektor nol).
4. Waktu dan tampilan: jeda semua, sakelar rotasi terpisah, sakelar orbit terpisah, kecepatan 0–4×, sakelar garis orbit, sakelar label, atur ulang tampilan; status rotasi/orbit harus selalu tersinkron ketat dengan UI.

[4. UI Bergaya Piksel Hitam-Putih (dengan nuansa careers.kimi.com, hitam/putih/abu-abu murni, tanpa biru)]
1. Font monospace sebagai dasar; font piksel untuk angka / judul pendek / navigasi (berlisensi OFL, di-host sendiri); font isi yang jelas untuk teks isi berbahasa Tionghoa.
2. Bilah atas: logo SOLAR SYSTEM (teks Inggris beserta nama Tionghoanya) di kiri, "Ikhtisar / Benda Langit / Pengaturan Tampilan" di kanan.
3. Pemilih benda langit: dikelompokkan berdasarkan bintang / planet / bulan, penomoran dua digit, item saat ini disorot (tanpa blok warna besar), dapat digulir.
4. Pelat nama kiri bawah: nomor (mis. 05/10) + judul besar (nama Tionghoa + Inggris) + label jenis + satu baris puitis + data diameter + "Lihat detail ↗"; dalam mode ikhtisar, tampilkan "ukuran dan jarak disesuaikan untuk presentasi".
5. Bilah alat bawah: jeda / rotasi / orbit / kecepatan / garis orbit / atur ulang tampilan (ikon + teks singkat) + pengganti sebelumnya/berikutnya (nama Inggris benda langit saat ini ditampilkan di tengah).
6. Panel detail (muncul dari kanan): pengantar, fakta penting (dengan satuan dan tanda "kira-kira"), tombol fokus pengamatan (masing-masing terikat pada status kamera/lapisan nyata dan menampilkan "saat ini"), sumber data, tautan bacaan lanjutan; panel pengaturan dibagi menjadi grup "Tampilan / Kualitas".
7. Penerusan peristiwa: lapisan UI layar penuh menggunakan pointer-events: none; hanya tombol / daftar / panel / bilah alat yang menggunakan auto; pengguliran di dalam panel tidak boleh diteruskan ke kanvas. Ganti Tata Surya dengan sistem eksoplanet TRAPPIST-1: satu katai merah dan tujuh planet berbatu. Pertahankan UI pixel art, kamera fokus, dan kontrol waktu, serta gunakan parameter TRAPPIST-1 nyata untuk setiap planet. [5. Pembukaan Berpiksel dan Efek Gerak]
1. Pembukaan: permukaan bulan layar penuh dengan ordered dithering Bayer 1-bit (pengambilan sampel gambar → kuantisasi skala abu-abu → 4 tingkat abu-abu → matriks 4×4); ukuran blok dither dipertajam mulus dari 14px menjadi 1.5px seiring progres pemuatan (progres itu sendiri adalah indikator pemuatan), dengan judul font piksel di tengah, mask radial gelap, dan tombol "Mulai Menjelajah →"; masuk memerlukan klik pengguna (tanpa masuk otomatis).
2. Keluar: setelah klik, judul memudar selama 220 md, lalu matriks angka larut dalam gelombang — muka gelombang diagonal menyapu layar (dengan gangguan per sel), blok piksel menyusut dan memudar mengikuti gradien gelombang, dan setelah sekitar 800 md ikhtisar tata surya muncul.
3. Efek gerak lain: saat berganti benda langit, judul besar dan baris puitis muncul melalui efek acak-dekode (sekitar 320/420 md); karakter tombol navigasi melakukan gulungan dua lapis (350 md, jeda 30 md per karakter, dipicu saat hover dan fokus); panel bertransisi dengan opasitas + offset 12px (sekitar 220 md); judul panel detail terungkap melalui mask blok jarang (≤ 700 md).
4. Dengan prefers-reduced-motion, semuanya beralih langsung.

[6. Peningkatan Informasi]
1. Bidik pengamatan: bidik tipis mengikuti mouse, dengan koordinat LAT/LON permukaan planet yang ditunjuk ditampilkan langsung di kanan atas (disembunyikan pada layar sentuh).
2. Kartu pratinjau saat hover di katalog (nama / diameter / jarak dari Matahari / baris puitis).
3. Kontrol papan ketik penuh: ←/→ mengganti benda langit, ↑/↓ dolly, Space jeda, 1–0 lompat langsung, O ikhtisar, D detail, S pengaturan, H kartu pintasan, Esc menutup panel.
4. Log pengamatan: sudut kanan bawah menampilkan catatan monospace bergulir dari 3 tindakan terakhir.

[7. Seluler dan Aksesibilitas]
1. Katalog yang dapat digulir horizontal dengan item terpilih otomatis digulir ke tampilan; detail / pengaturan sebagai lembar bawah yang dapat ditutup; target sentuh ≥ 44px; adaptasi safe-area; bilah alat dan panel tidak boleh saling tumpang tindih.
2. Tombol semantik, aria-pressed / aria-selected yang benar, fokus terlihat, Escape menutup panel dan mengembalikan fokus ke tombol pemicu, status pemuatan diumumkan melalui live region ringan.

[8. Kriteria Penerimaan (uji setiap poin)]
1. Pembukaan piksel terlihat saat diluncurkan; klik melarutkannya dalam gelombang menuju ikhtisar (Matahari di tengah, garis orbit, label planet).
2. Beralihlah melalui kesepuluh benda langit satu per satu: nama / pilihan katalog / data tetap tersinkron, kamera melacak dengan mulus tanpa kehilangan target, tidak ada bola hitam, tidak ada kesalahan kompilasi shader, tidak ada 404.
3. Tiga sakelar lapisan Bumi menunjukkan efek yang terlihat, cincin Saturnus sekoplanar dengan ekuatornya, terminator Bulan tampak alami tanpa menjadi putih pudar, dan Matahari berupa cakram dengan tepi hitam (bukan permukaan Matahari layar penuh).
4. Verifikasi dengan tangkapan layar di desktop 1440×900 dan ponsel 390×844: tanpa penghalangan, tanpa overflow; nol kesalahan konsol; sepenuhnya dapat digunakan dengan reduced-motion aktif.

Pertama, daftarkan urutan implementasi (adegan → interaksi → UI → gerak → penerimaan), lalu langsung kirimkan file yang dapat dijalankan. Jangan kirimkan placeholder yang belum selesai, dan jangan mengarang aset atau data.

Implementasikan sepenuhnya "situs web sistem tata surya interaktif bergaya pixel art hitam-putih" (statis murni, berjalan secara lokal, dapat di-deploy ke hosting statis). Semua persyaratan tercantum di bawah; implementasikan sesuai ketentuan dan verifikasi setiap poin.

[1. Dasar Teknis]
1. Situs statis murni: importmap + ESM native; three.js dan seluruh dependensi disediakan secara lokal; tanpa CDN, tanpa langkah build, tanpa backend; titik masuknya adalah index.html.
2. Strategi aset dua jalur: geometri menggunakan sphere bawaan / mesh parametrik three.js; tekstur menggunakan citra astronomi nyata (NASA Visible Earth, peta bulan LRO, SolarSystemScope), yang diatur dalam tiga tingkat kualitas — standar / HD 4K / ultra 8K — dengan manajer pemuatan tekstur (cache Promise, pembedaan ruang warna SRGB vs linear, anisotropi ≤ 8, coba lagi saat gagal dan kembali ke tingkat standar).
3. Renderer: antialias, output SRGB, ACESFilmicToneMapping (eksposur ≈ 1.05), DPR ≤ 2 (≤ 1.5 di perangkat seluler), bidang dekat 0.002, latar adegan hitam.

[2. Konten Adegan (semuanya 3D waktu nyata; tidak ada gambar atau video yang disamarkan sebagai 3D)]
1. Anggota: Matahari + delapan planet + Bulan (terkunci pasang surut, mengorbit Bumi). Planet yang lebih dalam mengorbit lebih cepat dan yang lebih luar lebih lambat, berotasi pada laju proporsional sebenarnya, serta menggunakan kemiringan sumbu nyata (Saturnus 27°, Uranus 82°).
2. Matahari: bola emisif + halo samar; lampu titik untuk pencahayaan + lampu ambient samar.
3. Bumi: tekstur ganda siang/malam yang beralih secara waktu nyata melalui "produk titik normal · arah Matahari" (transisi terminator), dengan lampu kota di sisi malam menyala sendiri (sakelar terpisah); cangkang awan terpisah (1.006R, alphaMap) dan cangkang cahaya tepi Fresnel atmosfer (1.025R, dikalikan faktor cahaya matahari) — ketiga lapisan dapat diaktifkan/nonaktifkan secara terpisah.
4. Saturnus: bola dan cincinnya berbagi grup kemiringan 27° yang sama; cincin adalah mesh parametrik pada bidang XZ, UV memetakan tekstur garis panjang berdasarkan radius, dua sisi, alphaTest ≈ 0.04, depthWrite = false.
5. Bulan: tekstur permukaan bulan 8K (sediakan tingkat 4K / 8K di web); pencahayaan jarak dekat harus digelapkan agar tampak realistis dalam abu-abu sedang.
6. Latar: titik bintang tetap yang jarang (bukan tekstur nebula besar).

[3. Sistem Interaksi]
1. Pemilihan benda langit: klik di katalog / klik raycast di adegan (benda kecil mendapat bola pemilihan tak terlihat yang diperbesar) / penelusuran sebelumnya-berikutnya.
2. Kamera fokus: kamera terus mengunci benda target yang bergerak (translasi disinkronkan di setiap frame) dan tidak pernah terbawa oleh gerak orbit; jarak pandang = radius pembatas / faktor pengisian tampilan (default 0.7, Bulan 0.78, Matahari 0.45 dengan tepi hitam); transisi halus ease-out 850 md yang melacak target secara waktu nyata bahkan selama transisi; seretan pengguna langsung mengambil alih (membatalkan gerakan kamera terprogram).
3. Prasetel tampilan: enam posisi kamera — sisi terang / terminator / wilayah kutub / tepi cakram / sisi malam / detail (disusun dari offset "arah menuju Matahari × menyamping × ke atas"; saat target berada di titik asal, gunakan arah tetap untuk menghindari degenerasi vektor nol).
4. Waktu dan tampilan: jeda semua, sakelar rotasi terpisah, sakelar orbit terpisah, kecepatan 0–4×, sakelar garis orbit, sakelar label, atur ulang tampilan; status rotasi/orbit harus selalu tersinkron ketat dengan UI.

[4. UI Bergaya Piksel Hitam-Putih (dengan nuansa careers.kimi.com, hitam/putih/abu-abu murni, tanpa biru)]
1. Font monospace sebagai dasar; font piksel untuk angka / judul pendek / navigasi (berlisensi OFL, di-host sendiri); font isi yang jelas untuk teks isi berbahasa Tionghoa.
2. Bilah atas: logo SOLAR SYSTEM (teks Inggris beserta nama Tionghoanya) di kiri, "Ikhtisar / Benda Langit / Pengaturan Tampilan" di kanan.
3. Pemilih benda langit: dikelompokkan berdasarkan bintang / planet / bulan, penomoran dua digit, item saat ini disorot (tanpa blok warna besar), dapat digulir.
4. Pelat nama kiri bawah: nomor (mis. 05/10) + judul besar (nama Tionghoa + Inggris) + label jenis + satu baris puitis + data diameter + "Lihat detail ↗"; dalam mode ikhtisar, tampilkan "ukuran dan jarak disesuaikan untuk presentasi".
5. Bilah alat bawah: jeda / rotasi / orbit / kecepatan / garis orbit / atur ulang tampilan (ikon + teks singkat) + pengganti sebelumnya/berikutnya (nama Inggris benda langit saat ini ditampilkan di tengah).
6. Panel detail (muncul dari kanan): pengantar, fakta penting (dengan satuan dan tanda "kira-kira"), tombol fokus pengamatan (masing-masing terikat pada status kamera/lapisan nyata dan menampilkan "saat ini"), sumber data, tautan bacaan lanjutan; panel pengaturan dibagi menjadi grup "Tampilan / Kualitas".
7. Penerusan peristiwa: lapisan UI layar penuh menggunakan pointer-events: none; hanya tombol / daftar / panel / bilah alat yang menggunakan auto; pengguliran di dalam panel tidak boleh diteruskan ke kanvas. Tambahkan mode kelas dengan empat bab — bintang, planet berbatu, raksasa gas, bulan. Kamera berhenti di setiap tahap, menampilkan tiga poin penting bergaya papan tulis, dan guru memajukan setiap poin dengan tombol spasi. [5. Pembukaan Berpiksel dan Efek Gerak]
1. Pembukaan: permukaan bulan layar penuh dengan ordered dithering Bayer 1-bit (pengambilan sampel gambar → kuantisasi skala abu-abu → 4 tingkat abu-abu → matriks 4×4); ukuran blok dither dipertajam mulus dari 14px menjadi 1.5px seiring progres pemuatan (progres itu sendiri adalah indikator pemuatan), dengan judul font piksel di tengah, mask radial gelap, dan tombol "Mulai Menjelajah →"; masuk memerlukan klik pengguna (tanpa masuk otomatis).
2. Keluar: setelah klik, judul memudar selama 220 md, lalu matriks angka larut dalam gelombang — muka gelombang diagonal menyapu layar (dengan gangguan per sel), blok piksel menyusut dan memudar mengikuti gradien gelombang, dan setelah sekitar 800 md ikhtisar tata surya muncul.
3. Efek gerak lain: saat berganti benda langit, judul besar dan baris puitis muncul melalui efek acak-dekode (sekitar 320/420 md); karakter tombol navigasi melakukan gulungan dua lapis (350 md, jeda 30 md per karakter, dipicu saat hover dan fokus); panel bertransisi dengan opasitas + offset 12px (sekitar 220 md); judul panel detail terungkap melalui mask blok jarang (≤ 700 md).
4. Dengan prefers-reduced-motion, semuanya beralih langsung.

[6. Peningkatan Informasi]
1. Bidik pengamatan: bidik tipis mengikuti mouse, dengan koordinat LAT/LON permukaan planet yang ditunjuk ditampilkan langsung di kanan atas (disembunyikan pada layar sentuh).
2. Kartu pratinjau saat hover di katalog (nama / diameter / jarak dari Matahari / baris puitis).
3. Kontrol papan ketik penuh: ←/→ mengganti benda langit, ↑/↓ dolly, Space jeda, 1–0 lompat langsung, O ikhtisar, D detail, S pengaturan, H kartu pintasan, Esc menutup panel.
4. Log pengamatan: sudut kanan bawah menampilkan catatan monospace bergulir dari 3 tindakan terakhir.

[7. Seluler dan Aksesibilitas]
1. Katalog yang dapat digulir horizontal dengan item terpilih otomatis digulir ke tampilan; detail / pengaturan sebagai lembar bawah yang dapat ditutup; target sentuh ≥ 44px; adaptasi safe-area; bilah alat dan panel tidak boleh saling tumpang tindih.
2. Tombol semantik, aria-pressed / aria-selected yang benar, fokus terlihat, Escape menutup panel dan mengembalikan fokus ke tombol pemicu, status pemuatan diumumkan melalui live region ringan.

[8. Kriteria Penerimaan (uji setiap poin)]
1. Pembukaan piksel terlihat saat diluncurkan; klik melarutkannya dalam gelombang menuju ikhtisar (Matahari di tengah, garis orbit, label planet).
2. Beralihlah melalui kesepuluh benda langit satu per satu: nama / pilihan katalog / data tetap tersinkron, kamera melacak dengan mulus tanpa kehilangan target, tidak ada bola hitam, tidak ada kesalahan kompilasi shader, tidak ada 404.
3. Tiga sakelar lapisan Bumi menunjukkan efek yang terlihat, cincin Saturnus sekoplanar dengan ekuatornya, terminator Bulan tampak alami tanpa menjadi putih pudar, dan Matahari berupa cakram dengan tepi hitam (bukan permukaan Matahari layar penuh).
4. Verifikasi dengan tangkapan layar di desktop 1440×900 dan ponsel 390×844: tanpa penghalangan, tanpa overflow; nol kesalahan konsol; sepenuhnya dapat digunakan dengan reduced-motion aktif.

Pertama, daftarkan urutan implementasi (adegan → interaksi → UI → gerak → penerimaan), lalu langsung kirimkan file yang dapat dijalankan. Jangan kirimkan placeholder yang belum selesai, dan jangan mengarang aset atau data.