Three.js - экземпляры скелетной сетки с кожей, анимации и смешивания

Ответ 1

Начиная с версии 67 (апрель 2014 года) поддерживаются как скелетные анимации, так и множественные анимации. Вам все равно нужно создать SkinnedMesh для каждой модели. AnimationHandler отвечает за обновление (тикание) анимаций в каждом кадре, поэтому вы должны называть это обновление, а не вручную, на каждом Animation.

См. недавно добавленный пример: webgl_animation_skinning_blending.html или ознакомьтесь с несколькими моими здесь:

Базовый контроллер символов (с измененной скоростью)

Time Warped Speed ​​Blend

Ответ 2

Мне удалось одновременно развернуть четыре различные анимированные модели, созданные с помощью Blender, и экспортировать их как файлы JSON, создав отдельные экранированные сетки для каждой модели, используя индивидуально индивидуальные функции с загрузчиком JSON. Каждая из четырех моделей имеет разные сетки, анимации, текстуры и количество ключевых кадров.

var loader = new THREE.JSONLoader(); 
loader.load("model_1.js", createSkinnedMeshforModel_1);
loader.load("model_2.js", createSkinnedMeshforModel_2);
loader.load("model_3.js", createSkinnedMeshforModel_3);

...

var animations = [];

function createSkinnedMeshforModel_1( geometry, materials )
{
  var myModel1, animation;
  THREE.AnimationHandler.add( geometry.animation );
  myModel1 = new THREE.SkinnedMesh(geometry, new THREE.MeshFaceMaterial(materials));
  enableSkinning( myModel1 );
  scene.add( myModel1 );
  animation = new THREE.Animation(myModel1, Model1_Animation_title, THREE.AnimationHandler.CATMULLROM);
  animations.push( animation );
  for( var i = 0; i < animations.length; i ++ )
  {
    animations[ i ].play();
  }
}


function createSkinnedMeshforModel_2( geometry, materials )
{
  var myModel2, animation;
  THREE.AnimationHandler.add( geometry.animation );
  myModel2 = new THREE.SkinnedMesh(geometry, new THREE.MeshFaceMaterial(materials));
  enableSkinning( myModel2 );
  scene.add( myModel2 );
  animation = new THREE.Animation(myModel2, Model2_Animation_title, THREE.AnimationHandler.CATMULLROM);
  animations.push( animation );
  for( var i = 0; i < animations.length; i ++ )
  {
    animations[ i ].play();
  }
}

function createSkinnedMeshforModel_3( geometry, materials )
{
  var myModel3, animation;
  THREE.AnimationHandler.add( geometry.animation );
  myModel3 = new THREE.SkinnedMesh(geometry, new THREE.MeshFaceMaterial(materials));
  enableSkinning( myModel3 );
  scene.add( myModel3 );
  animation = new THREE.Animation(myModel3, Model3_Animation_title, THREE.AnimationHandler.CATMULLROM);
  animations.push( animation );
  for( var i = 0; i < animations.length; i ++ )
  {
    animations[ i ].play();
  }
}

Функция enableSkinning() такая же, как в DEVMATRIX действительно полезный учебник

Переменная "Modelx_Animation_title" - это название названия анимации, определенное в Blender, и копируется в экспортированный модель JSON файла экспортером Three.js Blender.

Когда я загружаю несколько копий данной модели, они изначально оживают в Sync. Однако мне удалось заставить их отключиться от синхронизации, индивидуально приостанавливая каждую модель для короткой случайной продолжительности, прежде чем снова начать играть. Анимация для каждой отдельной модели возобновляется из кадра, на котором они были приостановлены.

animations[ i ].pause();
... (random delay) ...
animations[ i ].play();

Возможно, этот подход дает решение рода к вопросу 1 и, возможно, к вопросу 2.

Что касается Вопроса 2, выпуск Three.js r62 обновил экспортер Blender, чтобы разрешить "Экспортировать несколько действий". Хотя я не пробовал, возможно, это может позволить загрузить две или более копии данной модели, указав названия анимации для разных действий. Затем можно было бы поменять местами модели в и из вида, когда требуются различные действия.

Если это работает, то возможным решением вопроса 3 может быть создание дополнительного анимированного действия в Blender, которое смешивает модель с активным состоянием в этом состоянии бездействия.

Ответ 3

@Xealgo: Там есть новый экспортер для Maya, который также делает кости и анимации. Я бы хотел, чтобы это было несколько месяцев назад, прежде чем я был вынужден пойти с рабочим процессом Blender.:)

Здесь ссылка: https://github.com/mrdoob/three.js/tree/dev/utils/exporters/maya