Altın Derin Deniz Denizanaları

Three.js ile etkileşimli bir denizanası web sayfası oluşturun. Ortası aydınlık, kenarları koyu mavi bir okyanus arka planında, yavaşça dönerek yukarı doğru nabız gibi hareket eden 6–10 altın renkli yarı saydam denizanası gösterin; en az üçü her zaman görünür kalsın ve üst sınırı geçen her denizanası alttan yeniden girsin. Her denizanasında turuncu ve krem beyazı radyal şeritler, benekler, içten gelen bir parıltı ve belirgin yarı saydam bir kenar bulunsun; fırfırlı ağız kolları şemsiyenin içinden görülebilsin. Şemsiye kasıldığında kenarı gözle görülür şekilde dışarı doğru açılsın.

Her denizanası iç ve dış olmak üzere iki şemsiye katmanından, yumuşak bir etekten, saç teli inceliğinde 20 dokunaçtan ve 4 fırfırlı ağız kolundan oluşsun. Şemsiye düzenli olarak kasılsın; etek, dokunaçlar ve ağız kolları, kararlı bir Verlet yay fiziği sistemiyle bu hareketi takip etsin — önceden kaydedilmiş animasyon kullanmayın. Tüm hareketler tek bir birleşik fizik saatiyle çalışsın; uzun süreli çalışmalarda simülasyonun kararsızlaşmaması veya yerinden kaymaması için büyük kare aralıklarını sınırlayın ve yeterli sayıda alt adım kullanın.

Derin deniz aydınlatması hissi için arka plana yumuşak kaustikler, sahte hacimsel ışık perdeleri ve parıldayan planktonlar ekleyin; bunları yumuşak bloom ve ACES ton eşleme ile işleyin. Dokunaçların kesintisiz ve net kalması için saydam katman sıralamasını ve kenar yumuşatmayı doğru şekilde ele alın. Fare bir denizanasına yaklaştığında nabzı hızlansın, parıltısı yoğunlaşsın ve dokunaçlarına hafif bir itme uygulansın. Görünümü döndürmek için fareyle sürüklemeyi, yakınlaştırmak için kaydırma tekerleğini destekleyin; izleme mesafesini ve eğim açısını sınırlayın. Altın renkli denizanalarını 15–20 mavi-yeşil parlayan tropik balıkla değiştirin. Kuyruk ve yüzgeç hareketlerinde Verlet yay fiziğini koruyun; sürünün çarpışmalardan kaçınarak sahnede yavaşça daire çizmesini sağlayın. Prosedürel modeller ve malzemelerle WebGL2 kullanın. WebGPU, harici model, ses, kontrol paneli ve çoklu sahne geçişi kullanmayın. Bağımlılıkları yerel olarak paketlenmiş, doğrudan çalıştırılabilen statik bir web sayfası sunun. Aurelia'nın görsel ve fizik yaklaşımını izleyin; kullanılan tüm kod ve algoritmalar için atıf ve lisans notlarını koruyun. Özgün çalışmayı veya Dave Hoskins'in kaustik algoritmasını yeniden kullanırsanız ilgili lisans atfını koruyun.

Three.js ile etkileşimli bir denizanası web sayfası oluşturun. Ortası aydınlık, kenarları koyu mavi bir okyanus arka planında, yavaşça dönerek yukarı doğru nabız gibi hareket eden 6–10 altın renkli yarı saydam denizanası gösterin; en az üçü her zaman görünür kalsın ve üst sınırı geçen her denizanası alttan yeniden girsin. Her denizanasında turuncu ve krem beyazı radyal şeritler, benekler, içten gelen bir parıltı ve belirgin yarı saydam bir kenar bulunsun; fırfırlı ağız kolları şemsiyenin içinden görülebilsin. Şemsiye kasıldığında kenarı gözle görülür şekilde dışarı doğru açılsın.

Her denizanası iç ve dış olmak üzere iki şemsiye katmanından, yumuşak bir etekten, saç teli inceliğinde 20 dokunaçtan ve 4 fırfırlı ağız kolundan oluşsun. Şemsiye düzenli olarak kasılsın; etek, dokunaçlar ve ağız kolları, kararlı bir Verlet yay fiziği sistemiyle bu hareketi takip etsin — önceden kaydedilmiş animasyon kullanmayın. Tüm hareketler tek bir birleşik fizik saatiyle çalışsın; uzun süreli çalışmalarda simülasyonun kararsızlaşmaması veya yerinden kaymaması için büyük kare aralıklarını sınırlayın ve yeterli sayıda alt adım kullanın.

Derin deniz aydınlatması hissi için arka plana yumuşak kaustikler, sahte hacimsel ışık perdeleri ve parıldayan planktonlar ekleyin; bunları yumuşak bloom ve ACES ton eşleme ile işleyin. Dokunaçların kesintisiz ve net kalması için saydam katman sıralamasını ve kenar yumuşatmayı doğru şekilde ele alın. Fare bir denizanasına yaklaştığında nabzı hızlansın, parıltısı yoğunlaşsın ve dokunaçlarına hafif bir itme uygulansın. Görünümü döndürmek için fareyle sürüklemeyi, yakınlaştırmak için kaydırma tekerleğini destekleyin; izleme mesafesini ve eğim açısını sınırlayın. Her denizanasını tıklanabilir yapın. Tıklandığında hareketini durdurun ve tür adı, yaşam alanı derinliği ile genel okuyucuya yönelik iki kısa bilgiyi içeren bir bilgi kartı gösterin. Prosedürel modeller ve malzemelerle WebGL2 kullanın. WebGPU, harici model, ses, kontrol paneli ve çoklu sahne geçişi kullanmayın. Bağımlılıkları yerel olarak paketlenmiş, doğrudan çalıştırılabilen statik bir web sayfası sunun. Aurelia'nın görsel ve fizik yaklaşımını izleyin; kullanılan tüm kod ve algoritmalar için atıf ve lisans notlarını koruyun. Özgün çalışmayı veya Dave Hoskins'in kaustik algoritmasını yeniden kullanırsanız ilgili lisans atfını koruyun.