Etkileşimli 3B Tarih Öncesi Ada

Three.js ve WebGL kullanarak güzel, son derece ayrıntılı ve tamamen etkileşimli bir 3B tarih öncesi ada oluştur. Her şeyi doğrudan Chrome'da açılabilen, tek başına çalışan bir HTML dosyasında sun. Mümkün olduğunca varlıkları dosyaya göm. GÖRSEL YÖN Okyanusla çevrili, büyük ve yuvarlak hatlı bir ada oluştur; adanın su altı kesiti şeffaf biçimde görülebilsin. Sonuç; yemyeşil bitki örtüsü, etkileyici dinozorlar, zengin malzemeler, atmosferik ışıklandırma ve özenli animasyonuyla premium bir minyatür dünya hissi vermeli. Basit geometrik şekiller yerine tutarlı ve stilize bir sanat yönetimi kullan. ISLAND Kumsallar, kayalık uçurumlar, yoğun tarih öncesi ormanlar, dev eğrelti otları, bir şelale, tatlı su göleti ve bir yanardağ içeren çeşitli araziler oluştur. Küçük bir araştırma istasyonu, ahşap yürüyüş yolları, gözlem platformları, erzak sandıkları ve dinozor yuvaları ekle. Dinozorların farklı bölgeler arasında doğal biçimde hareket edebilmesi için adayı yeterince geniş tasarla. SU KESİTİ Su, adanın çevresinde derin ve yuvarlak hatlı bir hacim oluşturmalı; yanlarından su altı manzarası net biçimde görülebilmeli. Dokulu bir deniz tabanı, kayalar, su bitkileri, balıklar, kabarcıklar ve yüzeyin altında yüzen yeşil bir deniz sürüngeni ekle. Sıradan kara dinozorlarını su altına yerleştirme ve denizaltı ekleme. Hareketli dalgalar, Fresnel yansımaları, su altı ışık desenleri, kıyı köpükleri ve su sıçramaları kullan. Şeffaflık sıralama hatalarından ve ada ile su arasında görünen boşluklardan kaçın. DINOSAURS Uzun boyunlu bir sauropod, Triceratops, Stegosaurus, büyük bir teropod ve daha küçük sürü hayvanları gibi birbirinden belirgin birkaç tür ekle. Yukarıda daireler çizen pterozorlar ekle. Her türe ayırt edilebilir anatomi, biçimlendirilmiş gövdeler, eklemli uzuvlar, ayrıntılı başlar, kuyruklar ve uygun deri desenleri ver. Tamamlanmış dinozorları belirgin kutulardan veya birbirinden kopuk kürelerden bir araya getirme. DOĞAL ANİMASYON Eklemleri doğru konumlandırılmış hiyerarşik iskeletler kullan. Yürüme animasyonunda belirgin basma ve savrulma fazları olmalı: Ayaklar temas sırasında yere sabit kalmalı ve her adımda düzgünce kalkmalı. Adım uzunluğunu hareket hızına uyarla. Ayakları yerde tutmak için arazi örnekleme ve ters kinematik kullan. Ağırlık aktarımları, ince gövde hareketleri, dengeli kuyruk hareketleri, baş dönüşleri ve nefes alıp verme ekle. Dinozorlar asla havada süzülmemeli, kaymamalı, zeminin içine girmemeli veya binaların, kayaların, ağaçların ya da birbirlerinin içinden geçmemeli. Engellerden kaçınma ve güvenli yollar kullan. Farklı türlerin farklı hareket hızları, yürüyüş biçimleri ve davranışları olmalı. Deniz hayvanları hareket yönlerine dönük olmalı. INTERACTION Kullanıcılara şunları yapma olanağı tanı: Kamerayı serbestçe döndürme, yakınlaştırma ve su altı kesitini inceleme. Bir dinozor seçme ve akıcı biçimde hareket eden bir kamerayla onu takip etme. Uygun konumlara yiyecek yerleştirme ve yakındaki dinozorların yiyeceğe yaklaşıp yemesini izleme. Su içme, dinlenme, seslenme ve sürü hareketini tetikleme. Yuvaları keşfetme ve bir yavrunun yumurtadan çıkışını izleme. Bir deniz sürüngeninin su sıçratarak yüzeye çıkmasını tetikleme. Gündüz, gün batımı ve gece arasında geçiş yapma. Yağmuru, rüzgârı ve volkanik etkinliği ayarlama. Simülasyonu duraklatma ve sahneyi sıfırlama. Her kontrolün net ve görünür bir tepki üretmesini sağla. Etkileşimleri tekrarlanabilir tut ve üst üste binen animasyonların karakter pozlarını bozmasını önle. ATMOSFER VE SES Hareket eden bitki örtüsü, süzülen bulutlar, kuşlar, böcekler, yağmur parçacıkları ve gece araştırma istasyonundan yayılan sıcak ışıklar ekle. Sakin atmosferik müzik ve çevre sesleri ekle; çalışan bir müzik açma/kapatma düğmesi ve ses düzeyi kaydırıcısı sun. Sesi yalnızca kullanıcı etkileşiminden sonra başlat. INTERFACE İngilizce etiketlere sahip, kompakt ve zarif bir arayüz kullan. Sahneyi ön planda tut ve adanın büyük panellerle kapanmasını önle. Yerleşimi masaüstü ve mobil cihazlara uyumlu yap. TEKNİK KALİTE Tekrarlanan bitki örtüsü ve dekor öğeleri için instancing, verimli geometri, uygun gölgeler ve ölçülü post-processing kullan. Görsel zenginliği akıcı gerçek zamanlı performansla dengele. Bir maket değil, eksiksiz bir sahne oluştur. Son HTML dosyasını doğrudan bir masaüstü tarayıcısında test et; ekran görüntülerini ve konsolu incele; tüm etkileşimleri dene ve teslim etmeden önce yükleme hatalarını, havada duran dinozorları, ayak kaymasını, bozuk çarpışmaları, su artefaktlarını ve kamera sorunlarını düzelt.