5 想做一个页面,上下滑动页面控制播放,滑动停止页面也停止,有什么制作思路?

页面需要做成很长很长的,然后通过滑动页面来播放呢,

还是需要把页面做成正常满屏,然后在滑动的时候,使得flash进行播放和暂停?

请先 登录 后评论

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);
    };
请先 登录 后评论
xping - IT

如果代码不是很会的话,建议做成长动画,控制时间轴正播或倒播就行。

或用现成的案例改下: http://annie2x.com/teachWeb/#annieUIScrollPage

请先 登录 后评论
皮卡丘先生 - 交互动画课件制作

可以做成一整个动画,滑动屏幕来控制动画的播放和停止,play()播放  stop()停止  play(false)倒播 

请先 登录 后评论
陈金华

搞一个有机会分享一下。

请先 登录 后评论
  • 4 关注
  • 0 收藏,220 浏览
  • shimily 提出于 2019-08-13 12:37

相似问题