flash - 在 AS3 中使用图形滚动时间轴

Question

我有一个实例名称为“核心”的影片剪辑。核心包含 500 帧，我希望能够从根时间轴单击带有实例“滚动条”的影片剪辑，并让它在有限区域内向前或向后擦洗 500 帧。

我已经尝试了一些类似 Timelinemax 的东西，但是在让它工作时遇到了麻烦。时间线是手动创建的（没有 Tweenmax 或任何东西）。

有任何想法吗？我在任何地方都找不到好的例子。

谢谢

Answer 1

做了一个简单的例子，所以你可以赶上逻辑。您可以将 scrollRange 调整为您需要的值。

import flash.events.MouseEvent;
import flash.geom.Rectangle;
import flash.events.Event;

var scrollP:Point = new Point(scroller.x,scroller.y);
var scrollRange:int = 100;
var timelineTotalFrames:int = core.totalFrames;
var rect:Rectangle = new Rectangle(scrollP.x,scrollP.y,scrollRange,0);

core.stop();


function onDown(e:MouseEvent):void
{
scroller.startDrag(false, rect );
addEventListener(Event.ENTER_FRAME, onScroll);
}

function onUp(e:MouseEvent):void
{
scroller.stopDrag();
if (hasEventListener(Event.ENTER_FRAME))
removeEventListener(Event.ENTER_FRAME, onScroll);
}

function onScroll(e:Event):void
{
// (scroller.x - scrollP.x) fix if your scroll have a x different from 0
var calcFrame : int = ((scroller.x - scrollP.x) * timelineTotalFrames) / scrollRange;
core.gotoAndStop(calcFrame);
}

scroller.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
scroller.addEventListener(MouseEvent.MOUSE_UP, onUp);
// release mouse outside scroll
stage.addEventListener(MouseEvent.MOUSE_UP, onUp);