Though I believe you’re super-busy again, I thought it’d never hurt to queue a blog request

I vote for your thoughts on event handler organisation policy. The concept of event handlers is well documented, but I personally have trouble keeping my code organized. I’m at present working with the Zend framework, and have all kinds of event handlers and responders lying all over the place… it’s an horrible sight. I saw someone use a switch statement inside a “click handler” function to let it encompass different behavior for different targets, which has some merit, but still feels a bit blunt…?

Please help. With my code in this state I can’t possibly get a girl to come over :’(

code:
//////seek slider code\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
var pausetl:Boolean = false;
//when it is playing “pausetl” is false (the timelines initial state is playing)
var ratio:Number = track.width / this.totalFrames;
var vertical:Number;

knob.addEventListener(MouseEvent.MOUSE_DOWN, seekStartDrag);
knob.buttonMode = true;

playTl();

//custom functions
function playTl():void {
this.play();//sets the main timeline to play
pausetl = false;//sets the variable pausetl to false
knob.addEventListener(Event.ENTER_FRAME, seekKnobUpdate);
}

function pauseTl():void {
this.stop();//sets the main timeline to stop
pausetl = true;//sets the variable pausetl to true
knob.removeEventListener(Event.ENTER_FRAME, seekKnobUpdate);
}

////seek slider functions
function seekStartDrag(evt:MouseEvent):void {
pauseTl();
vertical = track.y + (track.height / 2);
knob.startDrag(
true, //sets the “lockcenter” parameter to true, center point of mc locks to mouse
new Rectangle(track.x, vertical, track.width, 0));
//specifies the position of where the drargging should be constrained to “track’s” width and to a height of 0
stage.addEventListener(MouseEvent.MOUSE_UP, seekStopDrag);
stage.addEventListener(MouseEvent.MOUSE_MOVE,seekKnobUpdate);//by changing “knob” to stage I was able to leave the know with my pointer.
}

function seekStopDrag(evt:MouseEvent):void {
knob.stopDrag();
playTl();
stage.removeEventListener(MouseEvent.MOUSE_UP, seekStopDrag);
stage.removeEventListener(MouseEvent.MOUSE_MOVE, seekKnobUpdate);
}

function seekKnobUpdate(evt:MouseEvent):void {

this.gotoAndPlay(Math.floor((knob.x - track.x) / ratio));
//go to and play the show from the number generated by this code
}

//////play/pause toggle button
pptoggle_btn.addEventListener(MouseEvent.CLICK, onClick);

function onClick(event:MouseEvent):void {

if (pausetl) {
//if “pausetl” is true then run this
playTl();
this.pptoggle_btn.gotoAndStop(”pause”);//sets the mc pptoggle to its “pause” frame.

} else {
//if “pausetl” is false then run this
pauseTl();
this.pptoggle_btn.gotoAndStop(”play”);//sets the mc pptoggle to its “play” frame
}
}

Thanks for picking up Foundation! I hope you enjoy it! Tom and I tried to make it fun as well as informative.

As for your non-FLV scrubber, it’s definitely a good idea and would make a useful tutorial. Hearing it as you’ve described it, two things come to my mind: a) you’d like to scrub a loaded SWF/movie clip and/or b) you’d like to scrub a series of stills, which are being displayed on a Timer-run basis. To accomplish that first one, you could look at the MovieClip.currentFrame and MovieClip.totalFrames properties — those would be comparable to the time and duration properties used in cahoots with FLVs in the draggable progress bar (AS2) article elsewhere on this blog. If you construct knob and track movie clips as described in that other article, the following — just a rough sketch — will allow the knob/track combo to scrub the frames of a movie clip with the instance name mc:

mc.stop();

var ratio:Number = track.width / mc.totalFrames;
var vertical:Number;

knob.addEventListener(
  MouseEvent.MOUSE_DOWN,
  mouseDownHandler
);
knob.addEventListener(
  MouseEvent.MOUSE_UP,
  mouseUpHandler
);

function mouseDownHandler(evt:MouseEvent):void {
  vertical = track.y + (track.height / 2);
  knob.startDrag(
    true,
    new Rectangle(
      track.x,
      vertical,
      track.width,
      0
    )
  );
  knob.addEventListener(
    MouseEvent.MOUSE_MOVE,
    mouseMoveHandler
  );
}

function mouseUpHandler(evt:MouseEvent):void {
  knob.stopDrag();
  knob.removeEventListener(
    MouseEvent.MOUSE_MOVE,
    mouseMoveHandler
  );
}

function mouseMoveHandler(evt:MouseEvent):void {
  mc.gotoAndStop(
    Math.floor(
      (knob.x - track.x) / ratio
    )
  );
}

Compare that against the AS2 code shown for the video scrubber, and you’ll see considerable (almost complete) overlap — though this version is only a scrubber, not a progress indicator. A progress indicator would require an update of the knob clip on, say, an ENTER_FRAME handler.

The trouble with scrubbing SWFs like this is that all it does (at least, as I’ve shown it) is scrub the SWF’s (or movie clip’s) main timeline. Nested timelines — or, more confoundingly, interior animation generated by ActionScript — simply isn’t something a scrubbing mechanism can accommodate.

If you’re talking about the other approach (choice B above), then you could theoretically store your image/still references in an array and “scrub” through the array. In which case your currentFrame/totalFrames equivalents would be a variable for counting (often i, like you would use in a for loop) and the Array.length property. To make the “scrubbing” actually do something … well, that would depend entirely on how the slideshow was programmed. It could definitely get complicated pretty quickly, especially if the scrubber needed to halt and resume a timer.

I do keep a lengthy to-do list for this blog, and your idea(s) are definitely worth writing about, so I’ve added them to the list. The only thing iffy about the whole kaboodle is that lately I’m so incredibly behind on this blog! I’m working on two books at the moment, and that has taken its toll on my Adobe forum presence and this blog.

I have a question and it might be more then you are willing to get into. I know this may not be the right topic to post this in but I thought of it because you mentioned things like the Timer class and and totalFrames early in the posting.

I do a lot of audio slide show-type projects where I put down an edited piece of audio down in a layer then a series of photos down under that and create fades (usually all in the main timeline but sometimes I used nested movie clips) and that sort of thing. I have looked all over the internet, in books and have asked everyone I know about how to make a scrubber bar that could show the progress of the slide show. The viewer would be able to grab a button on the bar and slide it to go to different points in the slide show. There are a lot of tutorials on the web about how to build a seek slider bar for .flv files but I can’t find any on how to build one for regular flash content.

Like I said, this may be to complex an issue to give a quick answer so I understand if you don’t want to deal with it but if you do have a AS3 solution or if you have posted anything similar an another entry or something let me know. Thanks!

For that, you could program a button in the subclip to instruct the main timeline to stop, while instructing the subclip’s timeline to play. Assuming a button instance name of myButton:

myButton.addEventListener(
  MouseEvent.MOUSE_UP,
  function(evt:MouseEvent):void {
    MovieClip(this.parent).stop();
    play()
  }
);

Is that what you mean?

Thanks

Sounds good! Flash usually provides numerous ways to reach a given goal.

I suppose one day I’ll try looping through an array of child MCs so I can have just 1 set of buttons on the main timeline. But that isn’t today!

My next part of the project is a mute button. That shouldn’t be too hard. I’ll get the volume, set it to zero on one click, then set it back to where it was on the next click.

Each of those child MCs has a timeline of its own. For every timeline you want to stop, you have to invoke a MovieClip.stop() on it. The simple pause mechanism on this blog (AS2 and AS3 versions) only pauses the timeline it’s in, so to pause the main timeline, you use the code as is; to pause the main timeline and a bunch of movie clips … well, you’d have to loop through the properties of the main timeline in AS2 (use a for..in loop), then, using instanceof to weed out the movie clips, invoke stop() on the others. In AS3, you could use a similar approach by checking the children of the display list.

It gets even more complicated for your sounds, if they’re ActionScript based. You’d have to invoke Sound.stop() (AS2) or SoundChannel.stop() (AS3) on each of those, or use a global volume toggle.