Ручное вращение в мольбертах / твинах - PullRequest
Новая
       59

Ручное вращение в мольбертах / твинах

0 голосов
/ 17 мая 2018

У меня были проблемы с вращением объекта вручную. Я хочу, чтобы, когда человек дважды щелкнул по объекту, он поворачивается на 20 (с любой стороны, я не привереда) один раз. Если они щелкают снова, он снова поворачивается на 20. Однако в данный момент он не будет вращаться вообще (двойной щелчок или нет). Что я здесь не так делаю? 

var tri2 = new createjs.Shape();
tri2.graphics.beginStroke("#000").beginFill('#000').drawPolyStar(0, 0, 50, 3, 0, 270);

var draggerTri2 = new         createjs.Container();

draggerTri2.x = Math.random()*100;
draggerTri2.y = Math.random()*100;
draggerTri2.addChild(tri2);  

stage.addChild(draggerTri2);

draggerTri2.on("pressmove",function move(evt) {

evt.currentTarget.x = evt.stageX;
evt.currentTarget.y = evt.stageY;

stage.update();   

});

draggerTri2.on("dblclick", function rotate(evt) {

var tween2 = new TWEEN.Tween(draggerTri2,dataset)
          .to({left: "-20"}, 2000)
      .repeat(0)
      .onUpdate(function(draggerTri2){
        draggerTri2.left = Math.round(draggerTri2.left);
      })
     .start()

stage.update();   

 });

  stage.update();

Кодовая ссылка: https://codepen.io/AoifeMcNeill/pen/XqyWej?editors=0010

1 Ответ

0 голосов
/ 18 мая 2018

Ваш код анимации движения не является кодом TweenJS. Если вы дважды щелкнете, вы получите консольную ошибку, что TWEEN не определен.

Код TweenJS будет выглядеть так: 

draggerTri2.on("dblclick", function rotate(evt) {
  var tween2 = createjs.Tween.get(draggerTri2, {override:true})
  .to({rotation:draggerTri2.rotation+20}, 2000)
  .on("change", function(event){
    var tween = event.target,
        draggerTri2 = tween.target;
    draggerTri2.rotation = Math.round(draggerTri2.rotation);
    stage.update();  // Only do this if nothing else is updating your stage
  });
});

Вы также можете использовать RelativePlugin для вращения относительно вашего текущего вращения вместо абсолютного числа: 

RelativePlugin.install();
var tween2 = createjs.Tween.get(draggerTri2, {override:true})
    .to({rotation:"+20"}, 2000);
...