搞一个有机会分享一下。
5 个回答
把整个动画全做到MC里，在MC的第一帧写好this.stop();然后导出，最后用Scroller.js插件来滑动控制mc的帧数，判断滚动的距离该停到哪帧，直接用gotoAndStop(XX)就行了
如果代码不是很会的话，建议做成长动画，控制时间轴正播或倒播就行。
main.scroller = new Scroller(function (left, top, zoom) {
//scrollPro = left > top ? left : top;
if (window.innerWidth > window.innerHeight) {
if (Math.abs(left) > 10) {
main.leftNum -= left * 0.4;
main.dir = left > 0 ? 1 : -1; //往前1，往后-1
}
} else {
//trace(top);
if (Math.abs(top) > 10) {
main.leftNum -= top * 0.4;
main.dir = top > 0 ? 1 : -1; //往前1，往后-1
}
}
//设置滚动场景的范围 0--30800;
if (main.leftNum > 0) {
main.leftNum = 0;
}
if (main.leftNum < -31400) {
main.leftNum = -31400;
}
//中间有一段停顿(-10760的位置)
if( main.leftNum>-10700){
main.root.x = main.leftNum;
}
//-10700 ~ -12700 这段时间停止移动main.root.x
if( main.leftNum<-11700){
main.root.x = main.leftNum+1000; //停顿2000个移动时间位置,相对为200帧
}
})
main.mousedown = false;
document.addEventListener("touchstart", function (e) {
main.scroller.doTouchStart(e.touches, e.timeStamp);
main.mousedown = true;
}, false);
document.addEventListener("touchmove", function (e) {
if (!main.mousedown) {
return;
}
main.scroller.doTouchMove(e.touches, e.timeStamp);
main.mousedown = true;
}, false);
document.addEventListener("touchend", function (e) {
if (!main.mousedown) {
return;
}
main.scroller.doTouchEnd(e.timeStamp);
main.mousedown = false;
}, false);
};
可以做成一整个动画，滑动屏幕来控制动画的播放和停止，play()播放 stop()停止 play(false)倒播
如果觉得我的回答对您有用，请随意打赏。你的支持将鼓励我继续创作！
