CreateJs - 使用click& amp;控制时间轴播放头拖动

时间:2016-03-29 09:20:31

标签: javascript movieclip createjs

第一次在这里发帖,希望我能做到这一点:)我正在尝试使用createJS在Adobe Animate中创建360度旋转,使用嵌入在MovieClip中的一系列图像。我已设法使用以下代码控制时间线播放头: -

var start_x;
var startFrame;
var changeDistance;
var travelDistance;

this.threeSixty.addEventListener("mousedown", onMouseDown.bind(this));
this.threeSixty.addEventListener("pressup", onMouseUp.bind(this));

function onMouseDown(e) {
    start_x = e.stageX;
    startFrame = this.threeSixty.timeline.position;
    this.threeSixty.addEventListener("pressmove", onMouseMove.bind(this));
}

function onMouseUp(e) {
    this.threeSixty.removeEventListener("pressmove", onMouseMove.bind(this));
}

function onMouseMove(e) {
    var changeDistance = e.stageX-start_x;
    var travelDistance = startFrame+changeDistance;

    if (travelDistance > this.threeSixty.timeline.duration){
        this.threeSixty.gotoAndStop(travelDistance % this.threeSixty.timeline.duration);
    }else if (travelDistance < 0){
        this.threeSixty.gotoAndStop (this.threeSixty.timeline.duration + (travelDistance % threeSixty.timeline.duration));
    } else {
    this.threeSixty.gotoAndStop(travelDistance);
    }
}

问题是,当您沿X轴单击并拖动图像时,图像序列仅向前/向后移动一帧,而不是继续图像序列,直到鼠标停止移动或鼠标移动点击发布。我在这里可能会出错的任何想法?

由于

0 个答案:

没有答案