Geri

World in a Box

İki kişinin paylaştığı anıları avuç içi büyüklüğünde bir gezegene yerleştirip hediye edin: Düzenlenebilir bir 3D sokakta dolaşın, dört küçük dükkândan anı nesneleri toplayın, üçünü gezegene koyun, bir mektup ekleyin ve bir koleksiyon kartı oluşturun.

Yazar: 1766星球邮局
Canlı deneyin
World in a BoxCanlı deneyin

Açıklama

World in a Box, biriyle paylaştığı anıları avucunda tutmak isteyen herkes için bir web uygulaması. Düzenlenebilir bir 3D sokağa girer, orada dolaşır ve dört küçük dükkâna uğrarsınız: eski bir elektronik dükkânı, bir çay evi, bir hediyelik eşya dükkânı ve bir kafe. Yakına gidip raflardaki “anı nesneleri”ni alırsınız; ardından bunları yazdığınız anılarla beraber, döndürüp saklayabileceğiniz avuç içi büyüklüğündeki bir gezegene yerleştirir ve eksiksiz bir mektupla birlikte sizin için önemli olan birine hediye edersiniz.

Deneyim dört adımdan oluşur:

  • Anı Sokağı: İçeri girmek için dükkân kapısında E tuşuna basın, anı nesnelerini almak için yakına gidip üzerlerine tıklayın.
  • Cebim: Topladığınız her şey burada saklanır.
  • Gezegen düzenleyici: Bir gezegen stili ve bir karakter çifti belirleyin, tam olarak üç anı nesnesi seçin, anılarınızı ve eksiksiz bir mektubu yazın.
  • Koleksiyon kartı: Gezegen ve mektup tek bir kartta birlikte görünür.

Koleksiyon kartı, gezegen modeli ve mektup kaydedilip yanınızda götürülebilir; cebiniz ve taslaklarınız yerel olarak saklandığı için sayfayı yenilediğinizde hiçbir şey kaybolmaz.

Ekip, düzenlenebilir sokağı mesh'ler ve pişirilmiş malzemelerle Three.js (r180) üzerinde kendisi inşa etti; gezegen ve koleksiyon kartı da aynı motorda render ediliyor. Cep, gezegen düzenleyici, koleksiyon kartı ve kaydetme akışı yine tamamen ekip içinde geliştirildi.

Tripo nasıl kullanıldı

Hediyenin kalbini Tripo üretti.

  • Anı nesneleri ve karakterler: Tüm ana anı nesnelerinin ve iki karakterin tasarım görsellerini ve yüksek detaylı GLB modellerini Tripo üretti; dükkânın simgesi olan, yaklaşık 110.000 üçgenlik “Ay Işığında Televizyon” da bunlardan biri. Bunlar, oyuncuların dükkânlarda topladığı ve gezegene yerleştirdiği hediyeler.
  • Görsel öncelikli iş akışı: Yerel sürüm, Tripo API akışının tamamını çalıştırır; önce bir tasarım görseli üretir, 3D modeli ise ancak kullanıcı onayladıktan sonra oluşturur. Proje teslim edildiğinde bu giriş noktası çevrim içi sürümde henüz açılmamıştı.
  • Eksiksiz bir döngü: Tripo'nun modelleri, ekibin kendi geliştirdiği Three.js sokağına ve avuç içi gezegen motoruna bağlanır; üretip onaylamaktan keşfetmeye, toplamaya, gezegene yerleştirmeye, koleksiyon kartını oluşturmaya ve saklayabileceğiniz bir modeli dışa aktarmaya kadar. Her parça oynanabilir, koleksiyonluk ve hediye edilmeye hazır.

Fragman