Masking a round movie clip
Hi everyone,
I'm learning loads in my first few days of using flex and
actionscript 3, however, I am stuck and need some help.
As of now I have a rotating disc that rotates on click of a
start button. What I need is a mask that shows the disc as a semi
circle at the bottom of the page but allows the circle, while
spinning, to have the top half of the disc visible.
I have looked into masking in flex but can't quite grasp how
they will be implemented into my example.
Any help would be massively appreciated
Thank you
Michael Wilson
The only way to mask movies is to lay an image over top of it that has transparency. This is how the photo cutout slides work. There's a slide sized image sitting on the back of the slide that has a hole punched in it. You can use an app like Photoshop to create one that matches your theme. Hope that helps.
Similar Messages
-
Drop menus with mask and invisible movie clip
please see this navigation interface:
http://www.hearightnow/yogamater/
when the mouse is outside of the drop menus, the drop menus "hide" behind the outside of a mask, when the mouse enters the drop menus, they move up. An invisible movie clip the traces the frame of the photos is in place to insert ROLL_OVER and ROLL_OUT code to "block" the event listener that functions the "yoga" drop menu.
This is all done in one frame, the scripts do all the animation of the drop menus.
the current code for this menu allows the mouse to travel from the photos to the "yoga" drop menu without triggering the menu to go up, however if the mouse travels from the "yoga" drop menu to the photos, the drop menu locks up until the mouse leaves the photos.
any ideas how this can be fixed? also, how do I apply the script on the invisible clip to all the drop menus?
definitely a newbie to AS3 so all help is greatly appreciated!!
here is the main script:
stop();
addEventListener(Event.ENTER_FRAME,upyoga);
addEventListener(Event.ENTER_FRAME,upteach);
addEventListener(Event.ENTER_FRAME,upsched);
addEventListener(Event.ENTER_FRAME,uppriv);
addEventListener(Event.ENTER_FRAME,upcont);
var speed:Number=.222;
function upyoga(e:Event) {
if ((yoga_menu.mouseY<yoga_menu.height&&yoga_menu.mouseY>0) &&
(yoga_menu.mouseX<80&&yoga_menu.mouseX>0)) {
yoga_menu.y-=(-58+yoga_menu.y)*speed;
} else {
yoga_menu.y-=(-134+yoga_menu.y)*speed;
function upteach(e:Event) {
if ((teach_menu.mouseY<teach_menu.height&&teach_menu.mouseY>0) &&
(teach_menu.mouseX<80&&teach_menu.mouseX>0)) {
teach_menu.y-=(-65+teach_menu.y)*speed;
} else {
teach_menu.y-=(-118+teach_menu.y)*speed;
function upsched(e:Event) {
if ((sched_menu.mouseY<sched_menu.height&&sched_menu.mouseY>0) &&
(sched_menu.mouseX<80&&sched_menu.mouseX>0)) {
sched_menu.y-=(-42+sched_menu.y)*speed;
} else {
sched_menu.y-=(-96+sched_menu.y)*speed;
function uppriv(e:Event) {
if ((priv_menu.mouseY<priv_menu.height&&priv_menu.mouseY>0) &&
(priv_menu.mouseX<80&&priv_menu.mouseX>0)) {
priv_menu.y-=(-28+priv_menu.y)*speed;
} else {
priv_menu.y-=(-74+priv_menu.y)*speed;
function upcont(e:Event) {
if ((cont_menu.mouseY<cont_menu.height&&cont_menu.mouseY>0) &&
(cont_menu.mouseX<80&&cont_menu.mouseX>0)) {
cont_menu.y-=(-40+cont_menu.y)*speed;
} else {
cont_menu.y-=(-88+cont_menu.y)*speed;
and here is the script on the invisible clip:
invisiClip.addEventListener(MouseEvent.ROLL_OVER, invisClipOver);
invisiClip.addEventListener(MouseEvent.ROLL_OVER, menuBack);
invisiClip.addEventListener(MouseEvent.ROLL_OUT, invisClipOut);
function invisClipOver(event:MouseEvent):void {
removeEventListener(Event.ENTER_FRAME,upyoga)
function menuBack(e:Event) {
yoga_menu.y-=(-134+yoga_menu.y)*speed;
function invisClipOut(event:MouseEvent):void {
addEventListener(Event.ENTER_FRAME,upyoga)I was having trouble attaching a zip or fla to this post so they can be retrieved at
http://www.hearightnow.com/yogamater/menu_45b.zip
or
http://www.hearightnow.com/yogamater/menu_45b.fla
the "menu" layer contains the mask that the drop menus hide behind
the "invis" layer contains the invisible movie clip that has the code that removes and adds the event listeners that move the "yoga" drop menu
the photos seen at http://www.hearightnow.com/yogamater/ are added with HTML DIV tags.
thanks! -
Mask works in movie clip, not in scene
I've created a movie clip with a mask that I'm using in a
main scene. The mask looks fine while editing/working the movie
clip, but does not show up in the scene.
The really strange thing is that it was working, but suddenly
now it won't show up in the scene any longer. I've tried replacing
it, making a new layer and bringing it in again. But nothing works.
Does anyone have an idea of why this would be?
Any help GREATLY appreciated!
dmscenes are nothing more than the main timeline divided.
Nothing different from one scene to the
other in terms of layer and frame functionality - sounds to
me like you simply dont have the mask
and masked layers locked in that scene.
~~~~~~~~~~~~~~~~
--> Adobe Certified Expert
--> www.mudbubble.com
--> www.keyframer.com
~~~~~~~~~~~~~~~~
dkmiles wrote:
> I've created a movie clip with a mask that I'm using in
a main scene. The mask
> looks fine while editing/working the movie clip, but
does not show up in the
> scene.
>
> The really strange thing is that it was working, but
suddenly now it won't
> show up in the scene any longer. I've tried replacing
it, making a new layer
> and bringing it in again. But nothing works.
>
> Does anyone have an idea of why this would be?
>
> Any help GREATLY appreciated!
>
> dm
> -
AS2 setMask: can a mask be a movie clip composed of child movieclips?
Hi,
I create dynamically a empty movieclip and attach to it
several movieclips
symbols from the library and call it "mcMask".
Then I try to mask another dynamicaly created movieclip
called "mc" using :
mc.setMask(mcMask).
But it only partially works (some child clips of mcMask
actually mask mc,
but others don't).
Why?
Can't setMask work with a mask composed of child movieclips?
Thanks for your help.
HenriPArt of the problem will be due to declaring the uiLoader inside of a function. When you do that you limit its scope to within that function. You should declare it outside of any function if you need to access it in more than one function.
import flash.events.MouseEvent;
import fl.motion.MotionEvent;
var uiLoader:UILoader;
var targetObj:Object;
The other problems I see regard the line you point to. It is not spelling the name the same, using a lowercase "l". Also, if you want to target what the UILoader contains, you should target its "content" property, as in...
targetObj = uiLoader.content.mask_01 -
Making Button links within a movie clip
I am attempting to learn more Flash in general and
actionscript in particular. I have created a flash piece that
consists of 4 buttons within a movie clip that is being masked by
another movie clip. One movie is the set of 4 buttons. The other
movie is a "spotlight" that moves with the cursor. As the spotlight
shines on each button, the button's text changes color and is "lit
up".The Over state of each button is set to cause the button to
change color. When I put a keyframe in the Down state of each
button in order to add actionscript to create the action that makes
the button clickable to take the viewer to a web page, it tells me
that no actions can be given to this Down state. If I try using
Behaviors to accomplish the same thing, it tells me that Behaviors
are not supported. If I put actionscript into the actions layer of
the timeline, it does not do the required action, i.e. clicking on
the buttons leads nowhere. I have tried moving the actionscript
before, between, and after the setInterval and setMasker
actionscript that controls the interaction between the two movie
clips (which work perfectly). I have tried inserting an actions
layer into the button movie clip--same result--nothing. I have
tried putting the actionscript in the second frame of the actions
layer (both in the main timeline and in the movie clip), all to no
avail. I did give each button an instance name and used them in the
actionscript.
Here is the actionscript I am using for one of the buttons:
book.onPress = function(){
book.getURL("http.//www.bainbridge.wednet.edu");
I do not get an error message with this actionscript. I just
don't get sent to the web page. I am using Flash 8.
What else I should be doing? Is this a problem because the
cursor is already attached to an action? I am sure that this must
be possible, if only I knew more.
Thanks for helping.do you have the actual mc identified as ( book ) on the root
as well as the code i posted above? if so, are the code and the mc
on the same frame? also you should note that the code posted above
is meant to be placed on your root time line, not directly on the
mc identified as ( book ). one more thing: you must target your mc
( book ) correctly.
target like this:
IF YOU ARE ON THE MAIN TIME LINE ( _root ):
// if ( book ) is setting on the _root already then your
target path is simply book.onRelease.
// if ( book ) is setting inside another movieclip on the
_root, find out what movieclip ( book )
// resides in. that will now be the first part of your target
path.
// next find out if ( book ) resides in yet another
movieclip. if so, that will be the next part of
// your target path.
// continue this until you reach ( book ). the entire path
you took to reach ( book ) is your
// target path.
// you can also click on the target icon in your actionscript
pane to insert a target path for
// your movieclip.
here is an example in which ( book ) resides inside another
movie clip ( yourMovieClip ) on your _root:
yourMovieClip.book.onRelease = function () {
getURL("
http://www.cnn.com/"); -
Help with smooth scrolling (masked movie clip)
Ok, I really need help here, and I'll be very grateful for
help before Monday.
Someone has made a movie with a different set of text on each
frame, the text goes out of the viewable area.
I have been asked to make these frames appear in a pop-up on
another flash and be scrollable.
i thought this would be easy...just cut and paste them into a
movie clip, then using a mask to hide the rest of the text.
However, it is going painstakingly slow.
Seems to be a performance issue, but it might be my code.
Any help with the code, or optimisation elsewhere would be
helpfully.
Heres a simplified version of the flash;
www.darkflame.co.uk/flashwork/Flash_popuptest.fla
Code for the scrolling;
_global.MoveUp = function(text) {
_root.ITproduct.IT_productlist._y =
_root.ITproduct.IT_productlist._y+6;
updateAfterEvent();
//trace('press');
Called and stopped by;
on (press){
//this._parent.IT_productlist._y =
this._parent.IT_productlist._y +10;
//_global.scrollon = "yes";
clearInterval(IntervalID);
IntervalID = setInterval(MoveUp,100);
updateAfterEvent()
//updateAfterEvent();
//MoveUp();
//scroll on
on (release) {
//this._parent.IT_productlist._y =
this._parent.IT_productlist._y +10;
clearInterval(IntervalID);
updateAfterEvent();
//scroll off
which is linked to a button.
I dont know if this is a actionscript problem, or the way the
page is made, or both.
Any help would be appreciated.
Thanks in advance,
Thomas Wrobelyou have extraneous graphics on-stage that are slowing the
scrolling (and even causing problems in the authoring environment).
here's your file with those graphics removed:
http://www.gladstien.com/Files.popupTest.fla -
Can anyone point me in the right direction?
I've been playing around with making a draggable movie clip.
This movie clip appears within a container, holder_mc, which is
masked by a mask layer to control what is seen. I can drag
holder_mc around the screen, but the mask does not move with it.
When I hit the movie_btn, I cannot see my VideoPlayer.swf file. If
I do not drag holder_mc anywhere, and just press my movie_btn, I
cannot drag my swf file. Is there an easy way to have the mask and
holder_mc drag together, and have drag functionality even after my
swf is playing?
Here is what I'm using:
movie_btn.onRelease = function (){
holder_mc.loadMovie ("VideoPlayer.swf");
holder_mc.onPress = function(){
this.startDrag(false);
holder_mc.onRelease = function(){
stopDrag();
Thanks for any help.Couple of ways... simple enter_frame, or enter_frame TweenLite
addEventListener(Event.ENTER_FRAME, updateReflection, false, 0, true);
function updateReflection(e:Event):void
refClip.x = mouseX;
refClip.y = mouseY;
or using TweenLite to give it a little softer motion:
function updateReflection(e:Event):void
TweenLite.to(refClip, .5, {x:mouseX, y:mouseY}); -
I'm trying to use a movie clip as a mask layer. The movie
clip contains both lines and fills. The fill areas are working
perfectly but the lines are appearing all weird and streaked (it's
actually quite cool looking but not what I'm ideally after). The
masked layer is just a block of plain colour fill. Has anyone had
the same problem as me and if so is there a work around? Do lines
and fills need to be on seperate layers or something?
I seem to remember reading something about declaring movie
clips as mask layers using actionscript but I've searched and found
nothing.
Any help or advice on this much appreciated.
Cheers,
Minky.
:)Luxury Mince Pie wrote:
> I'm trying to use a movie clip as a mask layer. The
movie clip contains both
> lines and fills. The fill areas are working perfectly
but the lines are
> appearing all weird and streaked (it's actually quite
cool looking but not what
> I'm ideally after). The masked layer is just a block of
plain colour fill. Has
> anyone had the same problem as me and if so is there a
work around? Do lines
> and fills need to be on seperate layers or something?
Outlines can't be use as mask, they simply won't show up at
all. Outlines need to
be converted to solid fills.
> I seem to remember reading something about declaring
movie clips as mask
> layers using actionscript but I've searched and found
nothing.
search for setMask in your help files.
Best Regards
Urami
"Never play Leap-Frog with a Unicorn."
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami> -
I am having difficulty with some movie clips under a mask. I
have a large movie clip with thumbnail photos underneath a mask.
The thumnails slide up and down using a scroll bar that is linked
through action script. When a thumbnail is clicked, it triggers
another movie clip to appear on stage. My first four work, but once
I have to scroll the fifth one into view, the fifth thumbnail
doesn't even register as clickable. Any thoughts?I removed the mask, and tested the movie after adding a trace
to the fourth thumbnail. It still came up undefined, even after I
used the target feature to call it. Any other thoughts? The fifth
thumbnail also came up undefined. All the thumbnails are labeled
printThumb#_mc, where # is the number of the thumbnail. -
How load variables to a movie clip on a masked layer on my main time line
the problem I have is that I been trying to load text from a
text file news.txt into a movie clip on my main time line the
problem is when the layer where the video clip is locates is masked
the variables will not load, but it does work when the layer is
unmasked, but then the website does not work the way it is suposed
to look.
any Idea on how I can get arround this????PArt of the problem will be due to declaring the uiLoader inside of a function. When you do that you limit its scope to within that function. You should declare it outside of any function if you need to access it in more than one function.
import flash.events.MouseEvent;
import fl.motion.MotionEvent;
var uiLoader:UILoader;
var targetObj:Object;
The other problems I see regard the line you point to. It is not spelling the name the same, using a lowercase "l". Also, if you want to target what the UILoader contains, you should target its "content" property, as in...
targetObj = uiLoader.content.mask_01 -
Masking a movie clip that contains other movie clips
hi,
i am just trying out something in flash but it just doesnt
work.
I have a layer which has a movie clip which contains other
movieclips in itself.
Masking the layer that has the main movie clip causes the
other movieclips in the main one to disappear when running the swf.
Does any one have any idea how to get around this???
thanksHi,
Recently, I have been putting together a flash presentation.
And I am just wondering if the following might help you, in your
communication with the said swf file:
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,
onComplete);
function onComplete(event:Event):void
event.target.content.thinggy_mc.y -= 100;
Not the best example, but this allows you to target a mc
within an external swf file. I think if you look up this code, you
will have an answer ;)
Kind Regards,
Boxing Boom -
How do I "mask" or blurr out sections of movie clips saved in windows media format in After Effects
I was informed that I needed to use After Effects to "mask" or blurr out sections of movie clips saved in windows media format.
I have the movie clip in composition, I see the effects and presets drop box on the lower right.
How do I insert the text blocks to mask certain areas of the movie clip?
Thank you,
PrestonGetting started with After Effects (CS4, CS5, CS5.5, CS6, & CC) | After Effects region of interest
There's seriously nothing more to say. Watch some tutorials, read the help, learn the program.
Mylenium -
Multi-layer movie clip as mask
Hello all,
I want to use as a mask a movie clip that has several layers
with tweens. Somehow this doesn't work for me - all I see when I
set this movie clip as mask is one of these layers - the others
remain invisible. For example, I have two layers - on layer 1, the
object I want to be masked; above it, on layer 2, the mask. This
mask is a MC that has several layers with animated (tweened) ovals
moving in different directions. When I preview the animation, only
one of these ovals is visible. How can I make it work properly?
thanks in advance,
Mikolajenable the cacheAsBitmap properties of your masked and
masking movieclips and see if your problem resolves. -
Mask - movie clip loaded from .swf
Hi!
I have made an application where a movie clip (map_mc) is
masked by another movie_clip (map_window_mc:
map_mc.setMask("map_window_mc");
This works fine until I try to load an "external" .swf into
map_mc:
map_mc.loadMovie("Testmap.swf");
Then the mask does not work anymore......
Any suggestions?
(The testmap.swf is also displaced from map_mc.........)
I use Flash 2004 MX pro
terjemterjem,
> My problem is probably that I really don't know wath
event
> handler I should use...
Depending on the approach you're using, there may not even
be an event
handler when the external SWF loads. If you're using the
MovieClipLoader
class, there will be. If you're using a
MovieClip.onEnterFrame loop, there
won't be.
> Here is the first ("non-automatic") code that works:
Okay.
> map_mc.loadMovie("Testmap.swf");
> trace("Loading started!");
> this.onEnterFrame = function() {
> if (
> map_mc.getBytesLoaded() > 0 &&
> map_mc.getBytesLoaded() >= map_mc.getBytesTotal()
> ) {
> trace("Loading complete!");
> trace("File width: " + map_mc._width);
> delete this.onEnterFrame;
> } else {
> trace("File width: " + map_mc._width);
> }
> };
Okay. So far, so good. When bytes loaded is greater than
zero and
greater than or equal to bytes total, you'll know the
external SWF has fully
loaded. You'll know, because the "Loading complete!" trace
will be visible
in your Output panel. Well, that means the place in this
script that
represents "where to put additional code" is right were your
trace()
functions are. Not in the "else" clause, but the first one
this.onEnterFrame = function() {
if (
map_mc.getBytesLoaded() > 0 &&
map_mc.getBytesLoaded() >= map_mc.getBytesTotal()
trace("Loading complete!");
trace("File width: " + map_mc._width);
[delete these trace() functions, if you like]
[add your masking code here]
delete this.onEnterFrame;
// etc.
> The code below does not work (the positioning of the
> map_mc works, but not the setMask):
Your problem may be right here ...
> map_mc.setMask("map_window_mc");
... because "map_window_mc" is in quotes. Yes, the
ActionScript Language
Reference says the parameter of setMask() may be a string,
but leave the
quotes out and see what happens. In any case,
David
stiller (at) quip (dot) net
Dev essays:
http://www.quip.net/blog/
"Luck is the residue of good design." -
How do I get a movie clip to follow the cursor?
Hi guys,
What I want:
Is a simple action where I have my company logo in the middle of the screen and it follows the cursor (not over the whole screen but within invisible borders).
What I use:
I have Flash Pro CS5, code is Actionscript 3.0 and my company logo has been converted to a movie clip.
What didn't work:
So I watched 2 different tutorials on how to do this and both didn't work.
With the first one I used this code:
function gradientOver(event:MouseEvent):void{
logomc.visible=true;
function reportStageMouse(event:MouseEvent):void{
var myStageX:Number=Math.round(event.stageX);
var myStageY:Number=Math.round(event.stageY);
var xTween:Tween=new Tween(logomc,"x", Strong.easeOut, logomc.x, myStageX, 1, true);
var yTween:Tween=new Tween(logomc,"y", Strong.easeOut, logomc.y, myStageY, 1, true);
stage.addEventListener(MouseEvent.MOUSE_MOVE,reportStageMouse);
function gradientOut(event:MouseEvent):void{
logomc.visible=false;
function gradientClick(event:MouseEvent):void{
logomc.visible=false;
gradient.addEventListener(MouseEvent.ROLL_OVER,gradientOver);
gradient.addEventListener(MouseEvent.ROLL_OUT,gradientOut);
gradient.addEventListener(MouseEvent.CLICK,gradientClick);
And with the second one I had to make a border by drawing an oval shape, turn it into a movie clip and put my logo inside of it. Then I used this code:
stage.addEventListener("mouseMove", arjun);
function arjun(e:MouseEvent):void
var var1 = mouseY - followins.y;
var var2 = mouseX - followins.x;
var radiusR = Math.atan2(var1,var2);
var degreeR = radiusR / (Math.PI / 180);
followins.rotation = degreeR;Thanks
stage.addEventListener(MouseEvent.MOUSE_MOVE, hideCursor);
function hideCursor(e:MouseEvent):void{
logomc.startDrag(true);
Mouse.hide(true);
so I used this code and it didn't work. I first try'd it on the main timeline and then inside the logo's own timeline and even inside the backgrounds own timeline.
no luck so far..
Maybe you are looking for
-
How to take the cron job log in HP UX?
Hi, How to take the cron job log in HP UX I need to run a backup and other stuff everyday. How do I check and start cron service under HP-UX UNIX operating system? How do I write cron jobs? A. Cron service is required to run jobs and tasks such as ba
-
Loop though all item in folder and outside folder using foreach.
i have library having files inside folders some files outside folders, currently i am looping through library as below foreach (SPListItem items in listItems) //My Code but this not looping through items in folders ,Any pointer how to modify above
-
Invocation service only processing on a single node (Coherence 3.4).
I'm trying to run a task on each node using the invocation service. The task should return a list of report files from each node. The service is setup as follows:<b> <invocation-scheme> <scheme-name>agents</scheme-name> <service-n
-
Can you make a table a placeholder in your ibook?
I've added a table to one of the layout pages. When I use that layout in my book, I'd like to keep the table formatting but allow the text and number of rows to be edited. A second question following the same idea - when I read the book on my iPad, w
-
Contacts randomly disappearing
T-Mobile iPhone 6 Plus running iOS8.1.1. Contacts are being erased from my phone randomly. Received calls / iMessages will display phone number rather than contact name and the contacts have apparently vanished completely from list. Random contacts,