A-Frame: как оживить Orbit-Controls? - PullRequest
Новая
       8

A-Frame: как оживить Orbit-Controls?

0 голосов
/ 04 ноября 2018

Я играю с контроллером орбиты компонентом ngokevin, и у меня есть некоторые проблемы с анимацией.

Мой контекст прост: у меня есть 3D-сцена с различными элементами, которые после нажатия должны переместить камеру, чтобы «посмотреть на них».

До сих пор я мог динамически изменять элементы управления орбитой target, и каким-то образом это работает: 

AFRAME.registerComponent( 'mytest-click', {
  schema: {
    active: { type: "boolean" }
  },
  init: function () {
    var data = this.data;
    var el = this.el;
    el.addEventListener( 'click', function ( evt ) {
      // Calculate real position
      var targetPosition = new THREE.Vector3();
      targetPosition.setFromMatrixPosition( evt.target.object3D.matrixWorld );
      var cameraPosition = document.querySelector( '#camera' ).getAttribute( 'position' );

      targetPosition.y -= cameraPosition.y;

      var currOrbit = document.querySelector( '#camera' ).getAttribute( 'orbit-controls' );
      currOrbit.target = targetPosition;
      document.querySelector( '#camera' ).setAttribute( 'orbit-controls', currOrbit );
    } );
  }
});

Моя проблема в том, что я не могу оживить это .. Я пробовал с анимацией, как animation__test="property: orbit-controls.target; ..." бот, она не работает ..

Есть идеи?

1 Ответ

0 голосов
/ 03 июля 2019

В итоге я адаптировал плагин Orbit-control для использования Плагин управления камерой .

Я буду предупрежден: это, наверное, самый уродливый и грязный способ сделать это, я просто адаптировал нужные мне методы. Используйте на свой страх и риск.

Это ссылка на репо

...