Ana içeriğe geç

Helios vaka çalışması

Sınırlarını kabul eden bir Güneş Sistemi inşa etmek.

Zor olan küre çizmek değildi. Sinematik hareketi, fiziksel ölçeği, değişen veriyi, görsel kaynak geçmişini ve kullanıcı kontrolünü tek tutarlı ürün içinde tutmaktı.

Helios küçük bir gezegen keşfi olarak başladı; sahne sorumlulukları belirli, cisim kayıtları kaynaklı, görsel varlıkları sınırlı, dış verileri doğrulanan ve bilimsel dil ile etkileşim davranışını testlerle koruyan bütünlüklü bir ürüne dönüştü.

Detay hedefleri
6157 gerçek cisim ve semantik sayfalara sahip 4 bağlam bölgesi.
Seçili uydular
22Yörünge verileri kaynaklı ve görsel temsilleri belgelenmiş gezegen uyduları.
Küçük cisimler
18Belgelenmiş katalogdaki asteroitler, cüce/Kuiper cisimleri ve kuyruklu yıldızlar.
Görüntü dokusu sınırı
2KGörüntü varlığı listesinden doğrulanan sabit üst sınır.

01 · Problem

Çoğu Güneş Sistemi ürünü iki uçtan birini seçer

Zengin simülatörleri okumak zor olabilir. Parlak görsel demolar zayıf veri ve ölçek varsayımlarını gizleyebilir. Helios kesintisiz keşfedilebilir sahneden vazgeçmeden editoryal derinlik kurmalıydı.

Kullanıcı sorusu

Başka bir dünya nasıl hissedilirdi?

Çap tek başına cevap vermez. Ürün yerçekimi, gün/yıl uzunluğu, atmosfer, ışık gecikmesi, görevler ve yüzey karakterini insan referansına bağlar.

Mühendislik sorusu

Sahne nasıl güvenilir kalır?

Cisim ölçeği, yörünge hareketi, kamera davranışı, görsel varlıklar ve dış gözlemler açık kurallarla yönetilmeli, ancak kullanıcıya tek bir deneyim olarak sunulmalıdır.

02 · İlk düzeltmeler

Ürün belirsizlikleri kaldırdıkça gelişti

Bazı ilk yönler görsel olarak kolay ama yapısal olarak zayıftı. Her düzeltme açık bir mimari kuralına dönüştü.

Sahne kontrolleri

Üst üste kontrollerden sahipliği belirli panellere

Seçim, Gezgin, Görünüm ve Zaman ayrı sorumluluklar oldu. Kaldırılan kalite ve hareket kontrolleri pasif dallar olarak bırakılmadı.

Doku yaşam döngüsü

Seçime bağlı yüklemeden aşamalı hazırlığa

Önce Güneş, sonra sekiz gezegen ve gerekli ana katmanlar yüklenir. İkincil cisimler zamanlayıcı kullanır ve açılış kapısını engellemez.

Zaman

Yerel animasyon durumundan kalıcı simülasyon saatine

Zaman sürgüsü, duraklatma, hız, sıfırlama ve efemeris istekleri tek zaman damgası paylaşır. A zamanına dönüş aynı deterministik sahne durumunu üretmelidir.

Küçük cisimler

Dekoratif noktalardan kaynaklı sistemlere

Uydular, cüce sistemleri, asteroitler ve kuyruklu yıldızlar merkezi kimlik, yörünge politikası, kaynak üst verisi, görsel profil ve açık yedek davranışı kazandı.

03 · Temel kararlar

Ürünü tutarlı tutan kararlar

Sahne otoritesi

Seçim, kamera ve zamanın tek sahibi vardır

Cisimler etkileşim niyetini yayınlar. Merkezi depolar ve kamera düzeni; ağ yüzeylerinin kamerayı hareket ettirmesine veya saati yeniden yazmasına izin vermeden odak, genel görünüm, manuel kontrole geçiş ve deterministik zamanı çözer.

Ölçek

Okunabilirlik ve fiziksel oran ayrı profillerdir

Keşif modu cisimleri büyütüp uzaklığı sıkıştırır. Bilimsel mod ortak oran kullanır. İkisi de aynı görüntüleyici, malzeme ve kayıt sistemini paylaşır; mod değişimi ikinci bir sahne uygulamasına dönüşmez.

Varlıklar

Her yüzeyin temsili belgelenir

Gerçek haritalar, türetilmiş haritalar ve kaynaklara dayalı görsel yeniden yapılandırmalar; kaynak, kapsama, yönelim ve kalibrasyon notları taşır. Görüntü dokuları sabit sınır içinde kalır ve Güneş'ten dışarı doğru aşamalı yüklenir.

Yörünge hassasiyeti

Akıcı animasyona efemeris denmez

Horizons destekli pencereler, temsili ortalama elemanlar ve ilerletilmiş önizlemeler ayrı etiketlenir. Eksik kutup veya açısal elemanlar görsel çeşitlilik için rastgeleleştirilmez; çözümsüz kalır.

Dış veri

Dış kayıtlar gösterilmeden önce hazırlanır

Sunucu uyarlayıcıları yanıtları doğrular ve normalize eder; gözlem ve alınma üst verisi ekler, servise özel önbellek kuralını uygular ve güncel veri, doğrulanmış tarihli kayıt veya statik açıklama arasında seçim yapar.

Erişilebilirlik

Ürün 3B sahne olmadan da yaşar

Semantik navigasyon, sunucuda üretilen cisim sayfaları, karşılaştırma tabloları, görünür odak, azaltılmış hareket ve WebGL yedek; 3B'yi tek bilgi kanalı değil bir geliştirme katmanı yapar.

04 · Mimari

Odaklı etkileşimli çekirdeğin çevresinde sunucu sayfaları

3B deneyim istemcide kalırken cisim anlatıları, üst veri ve veri sunumunun çoğu sunucuda üretilir.

Sunum

Sayfa yolları ve editoryal kompozisyon

Next.js App Router sayfaları, uyarlanabilir CSS modülleri, semantik tablolar ve cisme özgü düzenler içeriği WebGL gerektirmeden sunar.

Uygulama

Seçim, kamera ve simülasyon

Zustand depoları sınırlı etkileşim durumunu taşır. Hızlı Three.js dönüşümleri kare döngüsünde kalır ve her karede React durumu yazmaz.

Domain

Cisimler, ölçek ve yörünge değerlendirmesi

Doğrulanmış gezegen kayıtları, gök cismi kayıt sistemleri, referans çerçeveleri ve ortak yörünge değerlendiricileri arayüz etiketlerini görüntülenen geometriyle aynı modele bağlar.

Veri

Uyarlayıcı, önbellek ve yedek

Zod şemaları sağlayıcı yanıtlarını normalize eder. Her servis kendi zaman aşımı, yeniden doğrulama, tarihli yedek ve kullanılamaz durumunu tanımlar.

05 · Kalite

Yayın güveni, dosyaların varlığından değil kanıttan gelir

  • Statik kaliteBiçim denetimi, kod denetimi, sayfa yolu tipleri, sıkı TypeScript, birim testleri ve görüntü dokusu denetimi birlikte çalışır.
  • EtkileşimPlaywright; temel sayfa ve klavye akışlarını, uyarlanabilir düzenleri, zaman davranışını, varlık hazırlığını ve seçim ile kamera arasındaki ilişkiyi kapsar.
  • Görsel kanıtGerçek 3B sahne ekran görüntüleri DOM doğrulamalarının yetmediği yüzey, aydınlatma, yörünge bağlamı, gündüz tarafına şehir ışığı sızmaması ve küçük cisim kadrajını doğrular.
  • Bilimsel dilTest ve kaynak kayıtları doğru pencereleri, temsili modelleri, tarihsel gözlemleri, son mevcut veriyi ve yedekleri birbirinden ayırır.

06 · Sonuç

Hikâyesini değiştirmeden büyüyebilen bir temel

Ürün artık daha geniş ve sınırları konusunda daha açık.

Keşfet bir cismi veya bölgeyi gösterir; detay sayfası onu açıklar; Veri sayfası gözlemin ne zaman gerçekleştiğini belirtir; vaka çalışması ise ortak kuralların bu parçaları nasıl uyumlu tuttuğunu anlatır. Son görsel iyileştirmeler kamera, zaman, kaynak veya ölçek sorumluluklarını yeniden tasarlamadan bu temel üzerinde tamamlanabilir.