How is this mask effect created?

programming flash
1

I can create the mouse follow, but how do I make the effect stay like they do in this example?

2

It might use the drawing API to draw in the mask. So as you follow the mouse, drawing in the mask can reveals the image beneath.

You could just have an image on the bottom and draw into an empty clip on top, what you’re drawing being the bitmap of what’s revealed.

This is old, and probably not usable, but checking out the code might give some hints
http://senocular.com/flash/source/?entry=748

3

Can you give me a quick example of what you are talking about? That sounds like something that would work. I’m just looking for something simple.

Thanks senocular!

4

You basically need this:

var bmp:BitmapData = new MyLibraryBitmap();

function handleMouseMove (event:MouseEvent):void {
	this.graphics.beginBitmapFill(bmp);
	this.graphics.drawCircle(event.localX, event.localY, 40);
	this.graphics.endFill();
}

this.addEventListener(MouseEvent.MOUSE_MOVE, handleMouseMove);

Now this probably won’t work as is because you won’t get mouse events on an empty object if the timeline you’re adding this to it empty. But if you have something in there, it’d likely be covering up the graphics layer so you couldn’t see anything. So what you can do is either add a transparent layer to get mouse events from, or instead of using this.graphics, create an empty movie clip (which you can do with code) and draw into it’s graphics. Alternatively, you could listen for stage mouse events instead of listening to this… basically, it may take some finagling depending on how you have things set up, but thats the basics right there ^: Draw a bitmap into a graphics layer with mouse movement.

5

OK, I’ve got things almost working but need just a bit more help.

I have a file that’s pulling in another swf file. Here is the code pulling it in:

stop();

var myLoader:Loader = new Loader();                   
var url:URLRequest = new URLRequest("scene.swf"); 
myLoader.load(url);                                   
addChild(myLoader);                  
 
// (optional)
myLoader.x = 30;       
myLoader.y = 30;

Now I have a button on the first file that I want to reload that loaded swf file when clicked. I can’t seem to get the button code to work and “refresh” it. Any help?

6

You basically just run that code again. Only you need to make sure you remove what’s already there.

stop();

var myLoader:Loader;

function loadScene():void {
    if (myLoader) {
        myLoader.unloadAndStop();
        removeChild(myLoader);
    }
    myLoader = new Loader();                   
    var url:URLRequest = new URLRequest("scene.swf"); 
    myLoader.load(url);                                   
    addChild(myLoader);                  
 
    // (optional)
    myLoader.x = 30;       
    myLoader.y = 30;
}

loadScene(); // call now to start, then call again in button code
7

Hmm. Added this:

stop();

var myLoader:Loader;

function loadScene():void {
    if (myLoader) {
        myLoader.unloadAndStop();
        removeChild(myLoader);
    }
    myLoader = new Loader();                   
    var url:URLRequest = new URLRequest("scene.swf"); 
    myLoader.load(url);                                   
    addChild(myLoader);                  
 
    // (optional)
    myLoader.x = 30;       
    myLoader.y = 30;
}

loadScene(); // call now to start, then call again in button code

//Add event listener for button click
var singleLoader:Loader = new Loader();
backButton.addEventListener(MouseEvent.CLICK, backButtonClick);

//Create a function for the button click

function backButtonClick(ev:MouseEvent):void
{
    var request:URLRequest = new URLRequest("scene.swf");
    singleLoader.unloadAndStop(true);
    singleLoader.load(request);
    addChild(myLoader);
}

and I’m getting this as my error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at scene_fla::MainTimeline/frame1()

8

Nothing about that code jumps out at me as something that would cause that error. Debug the movie to see where its happening. My guess is that its not in the above code.

9

OK, I no longer get errors but its not working. I’ve attached folder with files in it. Can you take a look?

http://www.scottberks.com/clientwork/flash/flash.zip

I’m using CS6