Three.js Animationyazan CloudAI-X

Three.js Animation Skill.

Yüklenmiş bir karakter veya ürün modeline tanımlı bir oynatma ve harmanlama stratejisi kazandırın.

3D
Three.js

OpenDesign İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Three.js AnimationSKILL.md

Görev 3D Çıktılar • Kontrol edilmiş bir klip envanteri ve oynatma planı • Geçişler için mixer ve action mantığı • Sahne zamanına bağlı prosedürel veya morph hedefi hareketi Başlamadan Önce Çalışan bir Three.js projesi ve renderer; kaynak örneklerini kurulu sürümle karşılaştırarak doğrulayın. Ek kontroller ve yükleyiciler seçilen yola bağlıdır.

Editoryal özet · kaynak incelendi 2026-10-07 · üretilmiş bir örnek değildir

01 İşlevler

Three.js Animation: Klipleri ve Prosedürel Hareketi Harmanlama

Klip, mixer, action, iskelet ve morph animasyonu ile harmanlama ve prosedürel hareket kalıpları.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Three.js Animation, bir sahnenin içindeki harekete odaklanır: prosedürel hareket, keyframe track'leri, iskelet pozları ve morph hedefleri. Saklanan animasyon klibini, onu ilerleten mixer'dan ve oynatmasını denetleyen action'dan ayırır.

Harmanlama temel kullanım senaryolarından biridir. Ağırlıklı action'lar ve crossfade'ler, boşta durma ve yürüme gibi durumlar arasında kontrollü bir geçiş sağlar. Bu uygulama kalıpları gerçek bir model incelemesi gerektirir; bir skill, içe aktarılan varlığın beklenen rig, hedef veya klibi içereceğini garanti edemez.

Beklenen Çıktılar

Kontrol edilmiş bir klip envanteri ve oynatma planı
Geçişler için mixer ve action mantığı
Sahne zamanına bağlı prosedürel veya morph hedefi hareketi

Örnek Brief'e Bak

Brief'ten İncelemeye

01
Modeli İnceleyin
Bir hareket yolu seçmeden önce klip adlarını, kemikleri ve morph hedeflerini listeleyin.
02
Oynatma Kurallarını Belirleyin
Hızı, döngüyü, action ağırlıklarını ve biten bir klibin son pozunu koruyup korumayacağını tanımlayın.
03
Harmanlayın ve İnceleyin
Mixer'ı toplam geçen süreyle değil, saniye cinsinden kare delta değeriyle ilerletin; ardından geçişlerde sıçrama ve gereksiz aktif güncelleme olup olmadığını kontrol edin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Çalışan bir Three.js projesi ve renderer; kaynak örneklerini kurulu sürümle karşılaştırarak doğrulayın. Ek kontroller ve yükleyiciler seçilen yola bağlıdır.

Uygun Olduğu Durumlar

Animasyonlu GLTF VarlıklarıMevcut bir model, seçilmesi ve oynatmasının kontrol edilmesi gereken klipler içeriyorsa kullanın.
Katmanlı HareketTemel bir hareketi additive bir action veya ayrı bir prosedürel ayarlamayla birleştirin.

Kontrol Edilecek Sınırlar

Rig Oluşturmazİskelet örnekleri mevcut skinned mesh'ler üzerinde çalışır; eksik bir karakter rig'i oluşturmaz.
Tipli Track'ler Kontrol GerektirirÖrnek track'leri ve hedef yollarını gerçek özellik tipine ve kurulu sürüme uyarlayın.

Bu Girdileri Getirin

Model VerisiVarlığı ve bilinen klipleri veya morph hedeflerini sağlayın.
Durum DeğişimleriHangi kullanıcı eylemlerinin hareket durumlarını değiştirdiğini açıklayın.
Oynatma KısıtlarıKesilme, döngü ve hız beklentilerini belirleyin.

03 Önemli Kararlar

Önemli Kararlar

Üç Ayrı Rol
Klip, mixer ve action ayrımı, geçerli hareket verisinin neden görünür şekilde oynamayabileceğini açıklamaya yardımcı olur.
Tasarlanmış Geçişler
Crossfade'ler ve ağırlıklar, durum değişimlerine düşünülmüş bir görsel devir sağlar.

04 Örnek Görev Tanımı

Odaklı Bir Brief Deneyin

Aşağıdaki örnek brief test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

İlgili threejs-skills dizinini ajan rehberi olarak kullanın. Three.js çalışma zamanı değildir ve sahne varlıklarını kurmaz.

Kaynak Dosyası

https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-animation/SKILL.md

Çalışan bir Three.js projesi ve renderer; kaynak örneklerini kurulu sürümle karşılaştırarak doğrulayın. Ek kontroller ve yükleyiciler seçilen yola bağlıdır.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brief'teki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brief

Sağladığım GLB'deki klipleri incelemek ve boşta durmadan yürümeye geçiş uygulamak için threejs-animation kullan. Klip adlarını varsayma. Mixer güncellemesini ve döngü ayarlarını açıkla, ardından boşta duruma pozda sıçrama olmadan dönüşü test et.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Klip adları kullanılmadan önce doğrulanır.
Mixer ilerler ve geçişler kesintisiz kalır.
Etkin olmayan animasyonlar gereksiz güncellemeleri sürdürmez.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in pakete dahil olduğu veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının sağlandığı anlamına gelmez.

OpenDesign İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu anlatır. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi: CloudAI-X
Depo: CloudAI-X/threejs-skills
Skill Dosyası: skills/threejs-animation/SKILL.md
Lisans: Doğrulanmadı — yeniden kullanmadan önce upstream koşullarını inceleyin.
İncelenen Sürüm: 2026-10-07 · b1c623076c66

Editoryal Kaynak Özeti

Klip, mixer, action, iskelet ve morph animasyonu ile harmanlama ve prosedürel hareket kalıpları.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

İskelet oluşturur mu?

Hayır. Kaynak, mevcut bir skinned mesh ve kemikleri üzerinde çalışır.

İçe aktarılmış klipler olmadan animasyon yapabilir mi?

Evet. Prosedürel hareketi ve elle hazırlanmış keyframe track'lerini içerir.

Bir action neyi kontrol eder?

Bir klibin mixer üzerinden oynatılmasını, hızını, döngüsünü, ağırlığını ve harmanlanmasını kontrol eder.

OpenDesign

Bir Sonraki Tasarım İterasyonuna Yer Açın.

Brief'inizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Skill'lerine Göz At