Piksel Güneş Sistemi

Siyah-beyaz piksel sanat tarzında etkileşimli bir güneş sistemi web sitesini eksiksiz uygulayın (tamamen statik, yerelde çalışır, statik barındırmaya dağıtılabilir). Tüm gereksinimler aşağıda listelenmiştir; bunlara göre uygulayın ve her maddeyi doğrulayın.

[1. Teknik Temel]
1. Tamamen statik site: importmap + yerel ESM; three.js ve tüm bağımlılıklar yerelde tutulur; CDN yok, derleme adımı yok, arka uç yok; giriş noktası index.html.
2. Çift kanallı varlık stratejisi: geometri için three.js'in yerleşik küreleri / parametrik ağları kullanılır; dokular için gerçek astronomi görüntüleri (NASA Visible Earth, LRO ay haritaları, SolarSystemScope) kullanılır ve standart / HD 4K / ultra 8K olmak üzere üç kalite katmanında düzenlenir; doku yükleme yöneticisi (Promise önbelleği, SRGB ile doğrusal renk uzayı ayrımı, anizotropi ≤ 8, hata durumunda yeniden deneme ve standart katmana geri dönüş) bulunur.
3. Oluşturucu: kenar yumuşatma, SRGB çıktısı, ACESFilmicToneMapping (pozlama ≈ 1.05), DPR ≤ 2 (mobilde ≤ 1.5), yakın düzlem 0.002, siyah sahne arka planı.

[2. Sahne İçeriği (tamamı gerçek zamanlı 3B; 3B gibi sunulan görsel veya video yok)]
1. Üyeler: Güneş + sekiz gezegen + Ay (gelgit kilitli, Dünya'nın yörüngesinde). İçteki gezegenler daha hızlı, dıştakiler daha yavaş yörüngede döner; gerçek oransal hızlarda kendi eksenlerinde döner ve gerçek eksen eğimlerini kullanır (Satürn 27°, Uranüs 82°).
2. Güneş: yayınımlı küre + hafif hale; aydınlatma için bir nokta ışığı + hafif ortam ışığı.
3. Dünya: gündüz/gece çift dokuları, "normal · güneş yönü nokta çarpımı" ile gerçek zamanlı değiştirilir (terminatör geçişi); gece tarafındaki şehir ışıkları kendiliğinden aydınlanır (bağımsız açma/kapatma); ayrı bir bulut kabuğu (1.006R, alphaMap) ve atmosferik Fresnel kenar ışığı kabuğu (1.025R, güneş ışığı faktörüyle çarpılmış) bulunur — üç katmanın her biri ayrı ayrı açılıp kapatılabilir.
4. Satürn: küre ve halkalar aynı 27° eğim grubunu paylaşır; halka XZ düzleminde parametrik bir ağdır, UV'ler yarıçapa göre uzun şerit dokusuna eşlenir, çift taraflıdır, alphaTest ≈ 0.04, depthWrite = false.
5. Ay: 8K ay yüzeyi dokusu (web'de 4K / 8K katmanları sunulur); yakın plan aydınlatması orta gri, gerçekçi bir görünüm için koyulaştırılmalıdır.
6. Arka plan: seyrek, sabit yıldız noktaları (büyük bulutsu dokusu değil).

[3. Etkileşim Sistemi]
1. Gök cismi seçimi: katalogda tıklama / sahnede raycast tıklaması (küçük cisimler için büyütülmüş görünmez seçim küresi) / önceki-sonraki arasında geçiş.
2. Odak kamerası: kamera hareket eden hedef gök cismine sürekli kilitlenir (her karede eşzamanlı öteleme) ve yörünge hareketiyle asla sürüklenmez; izleme mesafesi = sınır yarıçapı / görüş doluluk faktörü (varsayılan 0.7, Ay 0.78, siyah kenarlı Güneş 0.45); geçiş sırasında bile hedefi gerçek zamanlı izleyen 850 ms ease-out yumuşak geçişler; kullanıcı sürüklemesi anında devralır (programlı kamera hareketini iptal eder).
3. Görüş ön ayarları: altı kamera konumu — aydınlık yüz / terminatör / kutup bölgesi / kenar / gece tarafı / ayrıntı ("Güneş'e doğru yön × yan yön × yukarı" ofsetlerinden oluşturulur; hedef başlangıç noktasındaysa sıfır vektör bozulmasını önlemek için sabit bir yön kullanılır).
4. Zaman ve görünüm: tümünü duraklatma, bağımsız dönüş açma/kapatma, bağımsız yörünge açma/kapatma, 0–4× hız, yörünge çizgileri açma/kapatma, etiket açma/kapatma, görünümü sıfırlama; dönüş/yörünge durumları arayüzle kesin olarak eşzamanlı kalmalıdır.

[4. Siyah-Beyaz Piksel Tarzı Arayüz (careers.kimi.com ruhunda, saf siyah/beyaz/gri, mavi yok)]
1. Temel olarak eş aralıklı yazı tipi; sayılar / kısa başlıklar / gezinme için piksel yazı tipi (OFL lisanslı, kendi sunucusunda barındırılan); Çince gövde metni için net bir yazı tipi.
2. Üst çubuk: solda SOLAR SYSTEM logosu (İngilizce metin ve Çince adı), sağda "Genel Bakış / Gök Cisimleri / Görüntü Ayarları".
3. Gök cismi seçici: yıldız / gezegen / ay olarak gruplandırılmış, iki haneli numaralandırma, geçerli öğe vurgulu (büyük renk blokları yok), kaydırılabilir.
4. Sol alt ad plakası: numara (ör. 05/10) + büyük başlık (Çince ad + İngilizce) + tür etiketi + şiirsel bir satır + çap verisi + "Ayrıntıları görüntüle ↗"; genel bakış modunda "boyutlar ve mesafeler sunum için ayarlanmıştır" gösterilir.
5. Alt araç çubuğu: duraklat / dönüş / yörünge / hız / yörünge çizgileri / görünümü sıfırla (simge + kısa metin) + önceki/sonraki adım denetimi (ortada geçerli gök cisminin İngilizce adı gösterilir).
6. Ayrıntı paneli (sağdan açılır): tanıtım, temel bilgiler (birimler ve "yakl." işaretleriyle), gözlem odağı düğmeleri (her biri gerçek bir kamera/katman durumuna bağlı ve "geçerli" bilgisini gösterir), veri kaynakları, ileri okuma bağlantıları; ayarlar paneli "Görünüm / Kalite" gruplarına ayrılır.
7. Olay aktarımı: tam ekran arayüz katmanı pointer-events: none kullanır; yalnızca düğmeler / listeler / paneller / araç çubuğu auto kullanır; panel içindeki kaydırma tuvale yayılmamalıdır. Güneş Sistemi'ni, bir kırmızı cüce ve yedi kayalık gezegenden oluşan TRAPPIST-1 ötegezegen sistemiyle değiştirin. Piksel sanat arayüzünü, odak kamerasını ve zaman kontrollerini koruyun; her gezegen için gerçek TRAPPIST-1 parametrelerini kullanın. [5. Pikselli Açılış ve Hareket Efektleri]
1. Açılış: tam ekran 1 bit Bayer sıralı titreşimli ay yüzeyi (görüntü örnekleme → gri ton nicemleme → 4 gri seviye → 4×4 matris); titreşim blok boyutu yükleme ilerlemesiyle 14px'ten 1.5px'e yumuşakça netleşir (ilerlemenin kendisi yükleme göstergesidir), ortada piksel yazı tipli başlık, koyu radyal maske ve "Keşfe Başla →" düğmesi bulunur; giriş kullanıcı tıklaması gerektirir (otomatik giriş yok).
2. Çıkış: tıklamadan sonra başlık 220 ms boyunca solar, ardından sayı matrisi dalga halinde çözünür — çapraz bir dalga cephesi ilerler (hücre başına bozulmayla), piksel blokları dalga gradyanı boyunca küçülüp solar ve yaklaşık 800 ms sonra güneş sistemi genel görünümü belirir.
3. Diğer hareket efektleri: gök cisimleri arasında geçerken büyük başlık ve şiirsel satır karıştırma-çözme efektiyle yerleşir (yaklaşık 320/420 ms); gezinme düğmesi karakterleri iki katmanlı kayma yapar (350 ms, karakter başına 30 ms kademeli; hem üzerine gelindiğinde hem odaklandığında tetiklenir); paneller opaklık + 12px ofsetle geçiş yapar (yaklaşık 220 ms); ayrıntı paneli başlığı seyrek blok maskesiyle görünür (≤ 700 ms).
4. prefers-reduced-motion altında her şey doğrudan geçişe indirgenir.

[6. Bilgi Geliştirmeleri]
1. Gözlem artısı: ince bir artı işareti fareyi izler; işaret edilen gezegen yüzeyinin LAT/LON koordinatları sağ üstte canlı gösterilir (dokunmatik ekranlarda gizlenir).
2. Katalog üzerine gelme ön izleme kartı (ad / çap / Güneş'e uzaklık / şiirsel satır).
3. Tam klavye kontrolü: ←/→ gök cisimleri arasında geçiş, ↑/↓ yaklaşma-uzaklaşma, Space duraklatma, 1–0 doğrudan atlama, O genel bakış, D ayrıntılar, S ayarlar, H kısayol kartı, Esc panelleri kapatma.
4. Gözlem günlüğü: sağ alt köşede son 3 eylemin kayan eş aralıklı kaydı gösterilir.

[7. Mobil ve Erişilebilirlik]
1. Seçili öğenin otomatik olarak görünür alana kaydırıldığı yatay kaydırılabilir katalog; kapatılabilir alt sayfalar olarak ayrıntılar / ayarlar; dokunma hedefleri ≥ 44px; güvenli alan uyarlaması; araç çubuğu ve paneller birbiriyle çakışmamalıdır.
2. Anlamlı düğmeler, doğru aria-pressed / aria-selected, görünür odak, Escape panelleri kapatır ve odağı tetikleyen düğmeye geri döndürür, yükleme durumu hafif bir canlı bölgeyle duyurulur.

[8. Kabul Kriterleri (her maddeyi test edin)]
1. Pikselli açılış başlatıldığında görünür; tıklama, onu dalga halinde genel görünüme çözer (Güneş ortada, yörünge çizgileri, gezegen etiketleri).
2. On gök cisminin tümü arasında tek tek geçin: ad / katalog seçimi / veriler eşzamanlı kalmalı, kamera hedefi kaybetmeden düzgün izlemeli, siyah küreler, shader derleme hataları veya 404'ler olmamalıdır.
3. Dünya'nın üç katman düğmesi görünür etkiler göstermeli, Satürn halkaları ekvatoruyla aynı düzlemde olmalı, Ay'ın terminatörü beyazı soldurmadan doğal görünmeli ve Güneş siyah kenarlı bir disk olmalıdır (tam ekran güneş yüzeyi değil).
4. Masaüstünde 1440×900 ve telefonda 390×844 ekran görüntüleriyle doğrulayın: örtüşme, taşma yok; konsol hatası sıfır; azaltılmış hareket etkinken tamamen kullanılabilir.

Önce uygulama sırasını listeleyin (sahne → etkileşim → arayüz → hareket → kabul), ardından çalıştırılabilir dosyaları doğrudan teslim edin. Yarım kalmış yer tutucular teslim etmeyin, varlık veya veri uydurmayın.

Siyah-beyaz piksel sanat tarzında etkileşimli bir güneş sistemi web sitesini eksiksiz uygulayın (tamamen statik, yerelde çalışır, statik barındırmaya dağıtılabilir). Tüm gereksinimler aşağıda listelenmiştir; bunlara göre uygulayın ve her maddeyi doğrulayın.

[1. Teknik Temel]
1. Tamamen statik site: importmap + yerel ESM; three.js ve tüm bağımlılıklar yerelde tutulur; CDN yok, derleme adımı yok, arka uç yok; giriş noktası index.html.
2. Çift kanallı varlık stratejisi: geometri için three.js'in yerleşik küreleri / parametrik ağları kullanılır; dokular için gerçek astronomi görüntüleri (NASA Visible Earth, LRO ay haritaları, SolarSystemScope) kullanılır ve standart / HD 4K / ultra 8K olmak üzere üç kalite katmanında düzenlenir; doku yükleme yöneticisi (Promise önbelleği, SRGB ile doğrusal renk uzayı ayrımı, anizotropi ≤ 8, hata durumunda yeniden deneme ve standart katmana geri dönüş) bulunur.
3. Oluşturucu: kenar yumuşatma, SRGB çıktısı, ACESFilmicToneMapping (pozlama ≈ 1.05), DPR ≤ 2 (mobilde ≤ 1.5), yakın düzlem 0.002, siyah sahne arka planı.

[2. Sahne İçeriği (tamamı gerçek zamanlı 3B; 3B gibi sunulan görsel veya video yok)]
1. Üyeler: Güneş + sekiz gezegen + Ay (gelgit kilitli, Dünya'nın yörüngesinde). İçteki gezegenler daha hızlı, dıştakiler daha yavaş yörüngede döner; gerçek oransal hızlarda kendi eksenlerinde döner ve gerçek eksen eğimlerini kullanır (Satürn 27°, Uranüs 82°).
2. Güneş: yayınımlı küre + hafif hale; aydınlatma için bir nokta ışığı + hafif ortam ışığı.
3. Dünya: gündüz/gece çift dokuları, "normal · güneş yönü nokta çarpımı" ile gerçek zamanlı değiştirilir (terminatör geçişi); gece tarafındaki şehir ışıkları kendiliğinden aydınlanır (bağımsız açma/kapatma); ayrı bir bulut kabuğu (1.006R, alphaMap) ve atmosferik Fresnel kenar ışığı kabuğu (1.025R, güneş ışığı faktörüyle çarpılmış) bulunur — üç katmanın her biri ayrı ayrı açılıp kapatılabilir.
4. Satürn: küre ve halkalar aynı 27° eğim grubunu paylaşır; halka XZ düzleminde parametrik bir ağdır, UV'ler yarıçapa göre uzun şerit dokusuna eşlenir, çift taraflıdır, alphaTest ≈ 0.04, depthWrite = false.
5. Ay: 8K ay yüzeyi dokusu (web'de 4K / 8K katmanları sunulur); yakın plan aydınlatması orta gri, gerçekçi bir görünüm için koyulaştırılmalıdır.
6. Arka plan: seyrek, sabit yıldız noktaları (büyük bulutsu dokusu değil).

[3. Etkileşim Sistemi]
1. Gök cismi seçimi: katalogda tıklama / sahnede raycast tıklaması (küçük cisimler için büyütülmüş görünmez seçim küresi) / önceki-sonraki arasında geçiş.
2. Odak kamerası: kamera hareket eden hedef gök cismine sürekli kilitlenir (her karede eşzamanlı öteleme) ve yörünge hareketiyle asla sürüklenmez; izleme mesafesi = sınır yarıçapı / görüş doluluk faktörü (varsayılan 0.7, Ay 0.78, siyah kenarlı Güneş 0.45); geçiş sırasında bile hedefi gerçek zamanlı izleyen 850 ms ease-out yumuşak geçişler; kullanıcı sürüklemesi anında devralır (programlı kamera hareketini iptal eder).
3. Görüş ön ayarları: altı kamera konumu — aydınlık yüz / terminatör / kutup bölgesi / kenar / gece tarafı / ayrıntı ("Güneş'e doğru yön × yan yön × yukarı" ofsetlerinden oluşturulur; hedef başlangıç noktasındaysa sıfır vektör bozulmasını önlemek için sabit bir yön kullanılır).
4. Zaman ve görünüm: tümünü duraklatma, bağımsız dönüş açma/kapatma, bağımsız yörünge açma/kapatma, 0–4× hız, yörünge çizgileri açma/kapatma, etiket açma/kapatma, görünümü sıfırlama; dönüş/yörünge durumları arayüzle kesin olarak eşzamanlı kalmalıdır.

[4. Siyah-Beyaz Piksel Tarzı Arayüz (careers.kimi.com ruhunda, saf siyah/beyaz/gri, mavi yok)]
1. Temel olarak eş aralıklı yazı tipi; sayılar / kısa başlıklar / gezinme için piksel yazı tipi (OFL lisanslı, kendi sunucusunda barındırılan); Çince gövde metni için net bir yazı tipi.
2. Üst çubuk: solda SOLAR SYSTEM logosu (İngilizce metin ve Çince adı), sağda "Genel Bakış / Gök Cisimleri / Görüntü Ayarları".
3. Gök cismi seçici: yıldız / gezegen / ay olarak gruplandırılmış, iki haneli numaralandırma, geçerli öğe vurgulu (büyük renk blokları yok), kaydırılabilir.
4. Sol alt ad plakası: numara (ör. 05/10) + büyük başlık (Çince ad + İngilizce) + tür etiketi + şiirsel bir satır + çap verisi + "Ayrıntıları görüntüle ↗"; genel bakış modunda "boyutlar ve mesafeler sunum için ayarlanmıştır" gösterilir.
5. Alt araç çubuğu: duraklat / dönüş / yörünge / hız / yörünge çizgileri / görünümü sıfırla (simge + kısa metin) + önceki/sonraki adım denetimi (ortada geçerli gök cisminin İngilizce adı gösterilir).
6. Ayrıntı paneli (sağdan açılır): tanıtım, temel bilgiler (birimler ve "yakl." işaretleriyle), gözlem odağı düğmeleri (her biri gerçek bir kamera/katman durumuna bağlı ve "geçerli" bilgisini gösterir), veri kaynakları, ileri okuma bağlantıları; ayarlar paneli "Görünüm / Kalite" gruplarına ayrılır.
7. Olay aktarımı: tam ekran arayüz katmanı pointer-events: none kullanır; yalnızca düğmeler / listeler / paneller / araç çubuğu auto kullanır; panel içindeki kaydırma tuvale yayılmamalıdır. Yıldız, kayalık gezegenler, gaz devleri, uydular olmak üzere dört bölümlü bir sınıf modu ekleyin. Kamera her aşamada durur, kara tahta tarzında üç temel nokta gösterir ve öğretmen her noktayı boşluk çubuğuyla ilerletir. [5. Pikselli Açılış ve Hareket Efektleri]
1. Açılış: tam ekran 1 bit Bayer sıralı titreşimli ay yüzeyi (görüntü örnekleme → gri ton nicemleme → 4 gri seviye → 4×4 matris); titreşim blok boyutu yükleme ilerlemesiyle 14px'ten 1.5px'e yumuşakça netleşir (ilerlemenin kendisi yükleme göstergesidir), ortada piksel yazı tipli başlık, koyu radyal maske ve "Keşfe Başla →" düğmesi bulunur; giriş kullanıcı tıklaması gerektirir (otomatik giriş yok).
2. Çıkış: tıklamadan sonra başlık 220 ms boyunca solar, ardından sayı matrisi dalga halinde çözünür — çapraz bir dalga cephesi ilerler (hücre başına bozulmayla), piksel blokları dalga gradyanı boyunca küçülüp solar ve yaklaşık 800 ms sonra güneş sistemi genel görünümü belirir.
3. Diğer hareket efektleri: gök cisimleri arasında geçerken büyük başlık ve şiirsel satır karıştırma-çözme efektiyle yerleşir (yaklaşık 320/420 ms); gezinme düğmesi karakterleri iki katmanlı kayma yapar (350 ms, karakter başına 30 ms kademeli; hem üzerine gelindiğinde hem odaklandığında tetiklenir); paneller opaklık + 12px ofsetle geçiş yapar (yaklaşık 220 ms); ayrıntı paneli başlığı seyrek blok maskesiyle görünür (≤ 700 ms).
4. prefers-reduced-motion altında her şey doğrudan geçişe indirgenir.

[6. Bilgi Geliştirmeleri]
1. Gözlem artısı: ince bir artı işareti fareyi izler; işaret edilen gezegen yüzeyinin LAT/LON koordinatları sağ üstte canlı gösterilir (dokunmatik ekranlarda gizlenir).
2. Katalog üzerine gelme ön izleme kartı (ad / çap / Güneş'e uzaklık / şiirsel satır).
3. Tam klavye kontrolü: ←/→ gök cisimleri arasında geçiş, ↑/↓ yaklaşma-uzaklaşma, Space duraklatma, 1–0 doğrudan atlama, O genel bakış, D ayrıntılar, S ayarlar, H kısayol kartı, Esc panelleri kapatma.
4. Gözlem günlüğü: sağ alt köşede son 3 eylemin kayan eş aralıklı kaydı gösterilir.

[7. Mobil ve Erişilebilirlik]
1. Seçili öğenin otomatik olarak görünür alana kaydırıldığı yatay kaydırılabilir katalog; kapatılabilir alt sayfalar olarak ayrıntılar / ayarlar; dokunma hedefleri ≥ 44px; güvenli alan uyarlaması; araç çubuğu ve paneller birbiriyle çakışmamalıdır.
2. Anlamlı düğmeler, doğru aria-pressed / aria-selected, görünür odak, Escape panelleri kapatır ve odağı tetikleyen düğmeye geri döndürür, yükleme durumu hafif bir canlı bölgeyle duyurulur.

[8. Kabul Kriterleri (her maddeyi test edin)]
1. Pikselli açılış başlatıldığında görünür; tıklama, onu dalga halinde genel görünüme çözer (Güneş ortada, yörünge çizgileri, gezegen etiketleri).
2. On gök cisminin tümü arasında tek tek geçin: ad / katalog seçimi / veriler eşzamanlı kalmalı, kamera hedefi kaybetmeden düzgün izlemeli, siyah küreler, shader derleme hataları veya 404'ler olmamalıdır.
3. Dünya'nın üç katman düğmesi görünür etkiler göstermeli, Satürn halkaları ekvatoruyla aynı düzlemde olmalı, Ay'ın terminatörü beyazı soldurmadan doğal görünmeli ve Güneş siyah kenarlı bir disk olmalıdır (tam ekran güneş yüzeyi değil).
4. Masaüstünde 1440×900 ve telefonda 390×844 ekran görüntüleriyle doğrulayın: örtüşme, taşma yok; konsol hatası sıfır; azaltılmış hareket etkinken tamamen kullanılabilir.

Önce uygulama sırasını listeleyin (sahne → etkileşim → arayüz → hareket → kabul), ardından çalıştırılabilir dosyaları doğrudan teslim edin. Yarım kalmış yer tutucular teslim etmeyin, varlık veya veri uydurmayın.