Beta Balığı Kemik Animasyonu

three.js'te 50'den fazla XPBD kemik eklemiyle rig uygulanmış bir beta balığı: başını sürükleyin, tüm gövde ve kuyruk onu takip etsin. Kendi çalışmanızı oluşturmak için istemi kopyalayın.

Loading preview...
Bu istemle başlayın

Sürüklenebilir bir beta balığı fizik animasyonu oluşturun

Denizanası Değişimi

Beta balığı yerine rig uygulanmış yarı saydam bir denizanası kullanın.

Kimi Build'i deneyin
Bir beta balığı için ipeksi akıcılıkta, fizik tabanlı hareket oluşturmak üzere three.js'i XPBD (Genişletilmiş Konum Tabanlı Dinamikler) kısıtlarıyla birlikte kullanın. Balığın gövdesinin baştan kuyruğa kesintisiz biçimde deforme olması için en az 50 iskelet düğümüyle rig kurun. Sahne su altında geçsin. Kullanıcı, farenin yardımıyla balığın başını tutup sürükleyebilmeli; kısıt çözücüsü başın arkasındaki tüm gövdeyi çekmeli, kuyruk ise esnek ve doğal biçimde sallanmaya devam etmelidir. Önce balık mesh'i üzerindeki skin ağırlıklarını düzgünce boyayın, ardından tamamlanmış rig ve fiziğin üzerine HTML etkileşim katmanını oluşturun. Yıldızı yarı saydam bir denizanasıyla değiştirin: çan kısmını sürüklemenin dokunaçları XPBD kısıtlarıyla arkadan sürüklemesini sağlamak için kemik eklemlerini çan kenarı ve dokunaçlar boyunca dağıtın. Malzemeyi yüzey altı saçılımı sağlayan yarı saydam bir görünüme çevirin ve sahne ışıklarını koyu maviye ayarlayın. 
Sürü ve Yemleme

Küçük bir balık sürüsü ve tıklayarak yemleme etkileşimi ekleyin.

Kimi Build'i deneyin
Bir beta balığı için ipeksi akıcılıkta, fizik tabanlı hareket oluşturmak üzere three.js'i XPBD (Genişletilmiş Konum Tabanlı Dinamikler) kısıtlarıyla birlikte kullanın. Balığın gövdesinin baştan kuyruğa kesintisiz biçimde deforme olması için en az 50 iskelet düğümüyle rig kurun. Sahne su altında geçsin. Kullanıcı, farenin yardımıyla balığın başını tutup sürükleyebilmeli; kısıt çözücüsü başın arkasındaki tüm gövdeyi çekmeli, kuyruk ise esnek ve doğal biçimde sallanmaya devam etmelidir. Önce balık mesh'i üzerindeki skin ağırlıklarını düzgünce boyayın, ardından tamamlanmış rig ve fiziğin üzerine HTML etkileşim katmanını oluşturun. Ana beta balığının çevresine 8 küçük balıktan oluşan bir sürü ekleyin; suda gezinmeleri ve beta balığından kaçınmaları için basitleştirilmiş bir sürü davranışı algoritması kullanın. Su yüzeyinin herhangi bir yerine tıklamak, beta balığının ve sürünün yüzerek yöneldiği yem bırakmalıdır. 
Biyoloji Dersi Modu

Sınıf gösterimleri için kemik eklemlerini etiketleyin.

Kimi Build'i deneyin
Bir beta balığı için ipeksi akıcılıkta, fizik tabanlı hareket oluşturmak üzere three.js'i XPBD (Genişletilmiş Konum Tabanlı Dinamikler) kısıtlarıyla birlikte kullanın. Balığın gövdesinin baştan kuyruğa kesintisiz biçimde deforme olması için en az 50 iskelet düğümüyle rig kurun. Sahne su altında geçsin. Kullanıcı, farenin yardımıyla balığın başını tutup sürükleyebilmeli; kısıt çözücüsü başın arkasındaki tüm gövdeyi çekmeli, kuyruk ise esnek ve doğal biçimde sallanmaya devam etmelidir. Önce balık mesh'i üzerindeki skin ağırlıklarını düzgünce boyayın, ardından tamamlanmış rig ve fiziğin üzerine HTML etkileşim katmanını oluşturun. Bir eğitim açıklama modu ekleyin: etkinleştirildiğinde beta balığının ana kemik eklemleri (omurga, kuyruk sapı, yüzgeç ışınları) adları ve bağlantı çizgileriyle etiketlenmeli; bir ekleme tıklanınca sınıfta yansıtılmaya hazır, Çince yazılmış tek cümlelik işlev notu açılmalıdır.