我手动旋转对象时遇到了问题。我想要的是当一个人双击对象时,它旋转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();
Codepen链接:https://codepen.io/AoifeMcNeill/pen/XqyWej?editors=0010
答案 0 :(得分:0)
您的补间代码不是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);