Yazar: Jared Liu
Canlı deneyin Bu proje hakkında
Planet Maker, tarayıcıda çalışan çevrimdışı öncelikli bir 3D gezegen düzenleyicidir: Merkür'den Ay'a dokuz dünyadan birini seçin veya yeni bir gezegen başlatmak için kendi 2:1 haritanızı yükleyin; kabartmayı şekillendirin, bulutları ve atmosferi ayarlayın, güneşi yönlendirin, ardından 3D nesneleri, iğne işaretlerini ve billboard metinlerini küreye yerleştirin. Her öğe eğri yüzeye uygun biçimde yönlendirilir.
Yirmi hafif CC0 model paketle gelir ve yerleşik bir Tripo üretim girişi bulunur: Tripo'da özel model üretin, GLB'yi yükleyin ve yerleştirmek için küreye tıklayın. Her şey tarayıcıda kalır (hesap ve backend yoktur); tamamlanan dünyalar PNG görüntüleri, GLB sahneleri veya yeniden düzenlenebilir .planet.json projeleri olarak dışa aktarılır. PWA olarak kurup çevrimdışı kütüphaneyi indirdikten sonra bağlantı olmadan da üretmeye devam edebilirsiniz.
Öne çıkanlar
- Merkür'den Ay'a dokuz dünyadan biriyle başlayın veya herhangi bir görsel yükleyin; görsel yerelde 2:1 equirectangular yüzey haritasına kırpılır
- Yüzey kabartması, pürüzlülük, bulutlar, atmosfer, otomatik dönüş ve güneş yönünün tamamı kaydırıcılarla ayarlanabilir
- Yirmi yerleşik CC0 model; Tripo ile özel bir model üretin, GLB'yi yükleyin ve yerleştirmek için küreye tıklayın — nesne her zaman yüzeye tam oturacak biçimde yönlendirilir
- Tek tıklamayla PNG görüntüsü, GLB sahnesi veya yeniden düzenlenebilir .planet.json projesi dışa aktarın; PWA olarak kurup tamamen çevrimdışı üretmeye devam edin
Teknik inceleme
GLB nesne hattı · Tripo çıktısı doğrudan küreye
Nesneler panelinde yerleşik bir Tripo üretim girişi bulunur: Tripo'da özel model üretin, GLB'yi yükleyin ve hemen kullanın. Her GLB, paketle gelen 20 CC0 varlık dâhil, önce Box3 sınırlayıcı kutusuna göre normalleştirilir: ortalanır, altı orijine sabitlenir ve en uzun kenarı temel alınarak eşit oranlı ölçeklenir. Yerleştirme sırasında küresel koordinatlar konuma ve quaternion'a dönüştürülür; böylece tek tıklama nesneyi her enlemde zemine tam oturtur.
Gezegen işleme · tek doku, fiziksel malzemeler
Gezegenin tamamı tek bir 2:1 haritayla çalışır: meshPhysicalMaterial bunu hem renk hem de kabartma haritası olarak kullanır (bumpScale, kabartma kaydırıcısıdır). Bulutlar alphaMap kullanan ayrı bir kabukta bulunur (Venüs için opak bir istisna vardır), atmosfer toplamsal bir BackSide ışık kabuğudur, Satürn ise bir ringGeometry ekler; güneşin azimut ve yükseklik açıları yönlü ışığı belirler, gölgeler de onu izler.
Özel yüzeyler · tamamen yerelde işlenir
Yüklenen görseller hiçbir zaman sunucuya gitmez: createImageBitmap dosyayı okur, merkezden 2:1 oranında kırpar, genişliği 2048px ile sınırlar; ardından canvas görseli webp olarak kodlayıp localStorage'a yazar. Yüklenen özel GLB'ler bellekte objectURL kullanır ve bilinçli olarak proje JSON'unun dışında tutulur. Hesap da backend de yoktur; projeler tarayıcı verileriyle birlikte saklanır.
Performans ve çevrimdışı kullanım · isteğe bağlı işleme + PWA
frameloop yalnızca gerektiğinde çalışır: otomatik dönüş kapatılınca demand moduna geçer, sekme gizlenince tamamen durur ve yük altında dpr otomatik olarak düşürülür. vite-plugin-pwa uygulama kabuğunu ve başlangıç varlıklarını önbelleğe alır; Dışa Aktar panelindeki “Çevrimdışı kütüphaneyi indir” seçeneği de dokuz gezegenin ve yirmi modelin tamamını önbelleğe kaydeder — bağlantı olmadan da gezegen üretmeye devam edebilirsiniz.
