ActionScript mask that a user can drag around

Learn to easily create a mask via ActionScript.

Related Tutorials

Transforming a movie clip into a draggable mask via ActionScript
In this really easy tutorial, I will show you how to set up a mask via ActionScript and make it draggable.Click on the rectangle in the Flash example below and drag it around to see what you'll learn to create.

Drag Mask illusion
In this tutorial we are going to make a drag mask effect. We all know (who are advanced in flash) that masks CANNOT be dragged. So, in order to create the illusion of dragging a mask, we will create ONE movie clip and write some very simple script.

Flash 5 Drag Mask Tutorial
How to Solve the age old problem of not being able to drag a mask in Flash 5.

Protection Glass for your AS3 Application.
Complete tutorial on how to create a glass mask with drag and drop capabilities for your actionscript 3.0 application

Dynamic mask in Actionscript 3
In this Flash tutorial you will learn how to create a dynamic draggable mask in Actionscript 3.0.

Creating a Bungee Ball Effect in Flash Using ActionScript
In this tutorial, you will learn how to create a circle that the user can drag around the stage. But when the user releases his mouse, the circle will snap back to the center of the stage as though it were tied to a bungee cord.

Drag and drop in AS3
This Flash tutorial will teach you about the basic drag and drop in Actionscript 3.0.

Limit drag and drop in Actionscript 3
In this Flash tutorial you will learn how to limit the drag and drop within the stage boundaries.

Draggable Masks
Learn how to dynamically create a mask and drag it across your movie.

Dynamically Attaching Components
Its pretty straight forward for any flash user to drag a component onto the stage from the components panel and change its parameters. What if you want to attach one of the components onto the stage with actionscript, during your movie and have it function as it does when it is simply dragged on the stage.

Drag-and-drop objects using mouse in Flash MX 2004.
You need the flash program where user is able to drag objects or shapes from one part of the screen to other using mouse? You are on the right way!.

Simple Drag and Drop
Drag and drop technics are very popular in Flash. Using that technic, you can move your object and place it wherever you like. This tutorial will show you how create a drag and drop movie.

How to save data using ActionScript
When developing user interactive flash application you some times want the user to be able to save his preferences. It can be very frustrating to use several minutes adjusting some settings and then the next day return and find them resat. You can save content easily on the users computer using the SharedObject class in ActionScript.

Drag and drop jigsaw
This flash tutorial will teach you how to create a drag and drop jigsaw puzzle, by creating various movieclips objects and using the drag feature in action script.

Drag And Drop Items
Dragging and dropping is used everywhere. Not only in general file moving and placing, but also within games. It my be necessary to move a certain item elsewhere for a puzzle or adventure game. We're going to take a look at the basics of dragging and dropping in Flash. It is a very simple effect to conquer. It only requires a few lines or Actionscript to work, and I shall explain what the Actionscript is telling Flash to do.

Drag & Drop In Flash
Dragging and dropping is used everywhere. Not only in general file moving and placing, but also within games. It my be necessary to move a certain item elsewhere for a puzzle or adventure game. We're going to take a look at the basics of dragging and dropping in Flash. It is a very simple effect to conquer. It only requires a few lines or Actionscript to work, and I shall explain what the Actionscript is telling Flash to do. If you would like to see an example of what you can create, click here.

Using mask layers
This flash tutorial will demonstrate the use of mask layers. Mask layer reveal portions of the layer/layers below it. This effect is very simple but can be used to create lots of different mask effects.

How To Create & Add A Simple Mask
you will learn the following:How to create and use a fill shape as a mask in Flash,How to preview a mask in Flash,How to use the timeline window to animate the mask in Flash.

Drag to explore the area with AS3
Here's a quick tip/tut that you might find useful to create a draggable area with actionscript 3.

Dynamic masking using the drawing API
Learn how to create dynamic masks using the drawing API. Three examples included: drag mask, pixelated fade-in, pie preloader.

Advanced drag and drop in Flash
Drag and drop activities are very popular in Flash, it is commonly use to create learning activities where elements needs to be associated. It is not difficult to create a drag and drop in Flash. We will first have a look at the two methods startDrag and stopDrag; we will then move on some more advanced tips and tricks to extend the radius of our knowledge on the subject, Let's jump into the action...

ActionScript for Newbies
ActionScript for Newbies Contents: ActionScript for Newbies, Starting with: What is ActionScript and what can you do with it? The ActionScript syntac, Variables, Using Functions, Operators, If...Else, Creating functions, Buttons, Array, Loops, ActionScript math functions, Movieclips and the dot syntax, Movieclip properties, Movieclip events, Drawing with ActionScript, Prototypes, The Debugger, Last Words.

Actionscript 2: The Fader Class
This tutorial shows how to create a module for fading in and out a jpg or swf and creating a mask when required. The script contains several useful functions.

Resizing a dragable Flash window
Dynamically resize a flash window using simple actionscript and drag functions.

Drag Movie Clip Action
A must know action for games, customisable interfaces and drag and drop functionality.

Dynamically creating instances of a class
You needn't always drag an instance of a symbol onto the Stage during authoring time; you can also create new instances of a class in the Library using ActionScript by using the new operator.

Drag and Drop
Learn how to apply Drag and Drop technique on any object.

Creating a Dry Erase Board in Flash Using ActionScript
Want your users to stick around your website a little longer? Try giving them something interactive to do, like drawing on the stage. In this video, you will learn how to allow your users to click and drag on the stage in order to create their own drawings.

Simple mask appearance
In this tutorial, you will see how to create simple mask appearance in flash, using the action script a little. You will also learn how to import an image into a flash, how to mask it, how to apply flash filters on any object and more.

Flash Actionscript Programming Basics
There are currently 2 versions of Actionscript.Actionscript 1.0 (AS 1.0) is the version that works with Flash MX.Actionscript 2.0 (AS 2.0) is the new language that ships with Flash MX2004. Most items in these tutorials will cover both AS 1 and AS 2. Where there is a difference I will indicate it.Actionscript 1.0 will work with Flash MX2004 but Actionscript 2.0 will not work with Flash MX.

Flash Actionscript Programming Basics
There are currently 2 versions of Actionscript. Actionscript 1.0 (AS 1.0) is the version that works with Flash MX. Actionscript 2.0 (AS 2.0) is the new language that ships with Flash MX2004. Most items in these tutorials will cover both AS 1 and AS 2. Where there is a difference I will indicate it. Actionscript 1.0 will work with Flash MX2004 but Actionscript 2.0 will not work with Flash MX.

Drag, Drop and Swap
This tutorial will take drag and drop to the next level - Drag, drop and swap!.

Eyes following mouse cursor
A simple and easy tutorial for you to know how to use the mouse interactivity in Actionscript 3. Well create the eyes for an alien character that will follow the mouse. Also well hide the mouse and change it with something else. All this is done in a general Movie Clip so you can drag it in your project .

Flash Actionscript 2.0 Programming Basics
This course is adapted from the book "C++ Primer" by Stanley Lippman.There are currently 2 versions of Actionscript. Actionscript 1.0 (AS 1.0) is the version that works with Flash MX. Actionscript 2.0 (AS 2.0) is the new language that ships with Flash MX2004. Most items in these tutorials will cover both AS 1 and AS 2. Where there is a difference I will indicate it. Actionscript 1.0 will work with Flash MX2004 but Actionscript 2.0 will not work with Flash MX.

Drag Jack-Jack inside his park
This example demonstrates how to drag an object inside a delimited area.

Communicating Between Actionscript and JSFL
When creating Commands or Timeline Effects using the extensibility layer,it is sometimes necessary to provide some kind of user interface to allow the user to customise the functionality. JSFL has a little friend who's sole purpose is to provide an easy markup language for describing Dialog Boxes.

Flash Masking
Masking, in itself, is a very simple process. You take one image, (the mask), and you stick something under it, (the masked). Whatever the shape of the mask is, is how the masked will look. Kinda like cutting a shape out of a piece of paper and laying the paper cutout on top of another sheet of a different color. Only the shape of the mask shows the shape of the underlying layer.

Draggable Mask
First of all you will need to create a movie clip, for arguments sake call it masker with an instance name of masker_mc. by default, I make my masks a circle but seeing as it a movie clip you can even make it a moving mask, to do this, go into the masker editer screen and make any movie or picture you want. After creating the movieclip create 2 more layers but make sure the layer with the mask is o top the layer with the thing you want to mask second and the thing you want to show on top (the "veil") third.

ActionScript mask that a user can drag around

View Tutorial