ActionScript 3.0 :: Movable Mask That Follows Mouse
Oct 22, 2010
I'm trying to create a movieclip that contains 6 different images. In this movieclip, I would like, for example, a mask that follows the mouse to reveal the next picture. (ex: Image 1 has a circle mask revealing Image 2. When clicked, Image 2 will now be at the front with a circle mask revealing Image 3. And then Image 6 will not have any mask but on click will go back to the beginning)I understand that a lot of it will be up to how I order them in the timeline and frames.My problem is that in my class, we've learned how to do this for TWO images only, and the only way for the mask to move is to use the MOUSE_DOWN and MOUSE_UP events (which is where the mask is only movable if you move it yourself.)It would be a big help if someone can first answer these questions:
1)What is the function called/is for instead of a MOUSE_DOWN/UP it will just simply follow the mouse?
2)Would I have to create 6 frames with, let's say, Image1 and Image2 on Frame 1, then Image2 and Image3 on Frame 2 etc? And each frame will have its own actions layer frame?
View 2 Replies
Similar Posts:
Mar 12, 2011
I recently came across a small business site that had a homepage with there logo and some basic nav in the center with the business logoBut there entire background had a moving flash background made up of photos in the shape of words, that when you moved your mouse to the left, the background would move to the right, up and it would go down and so on as if it followed your mouse but inverted.
View 3 Replies
Sep 10, 2010
I have a startDrag function set up on a loader and mask that when the mouse is down on the loader it drags, when not it doesn't. There is also 2 buttons that control whether mask1 or mask2 is used. What i would like however is when the mouse is down - the area of the loader outside of the mask is visible but only by about 10/20% alpha, that way the user can see where all the image is while dragging. Is this possible? Full code can be seen below and i have attached the zip with the .fla file:
[Code]...
View 2 Replies
May 9, 2010
i know how to make an animated mask to have an image on top of another to have them transition as the mask passes thru..but this time instead of animating the mask i was wondering how to make the mask be sort of a brush on the tip of the mouse pointer..
View 5 Replies
Aug 16, 2009
i would like to add some mouse events to the mask (which is masking something else below) and because i cant add it to the mask, what would be the best solution?
i was thinking of creating one more movieClip same size and position as the mask, but i would need to put it below everything else because the content that mask is masking should also receive mouse events...
View 8 Replies
Apr 29, 2010
i have a problem in moving the mask with mouse
what is the right code
here is the code i use
// myImage is bakground image
// myMask is masking
stop();
myImage.setMask(myMask);
[Code]....
View 2 Replies
Nov 14, 2010
I continue in my adventure with customizing a horizontal slider's functions. This is the very last thing I need to figure out and it is done.I have posted an SWF at the following link so you can see it working: neterhetdotcom/test/slidermask/ (change "dot" to a period "." as i am not yet able to post links)If you click on the scrollbar. You will see that a mask follows the click and displays an "orange" color... this orange color is supposed to indicate the progress of the slider across the scroll bar. the mask is positioned just to the left of the slider on the click so it allows the "orange" color for "progress" of the slider to "show up".
If you click and hold on the slider the mask does not track this motion. I need to know how to make the mask track the mouse along with the slider. The mask would have to align it's right edge to the point of the mouse click for it to work as the mask is the same width and just slightly taller than the visual scrollbar. (a narrow rectangle as well)How the scrollbars is set up in Flash is I have 2 layers with the scrollbar art on each. the bottom one is the default greay "off" state.. the top one is the orange "progress" state that has a mask attached to it so when the mask slides the orange shows up or goes away. (Thus indicating the progress of the slider across and back)So either the mask has to follow the slider button (on the left edge of the slider button) or the mask has to follow along with the slider on the mousedown state...(as long as the mask had it's right edge aligned to the mouse click)
Quote:
package
{
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;
[code]....
View 4 Replies
Jul 21, 2009
I am trying to create a simple interactive flash video, where the user moves the mouse over the image to reveal an image underneigth (almost like a rubbing-out effect).
View 1 Replies
Aug 20, 2011
Having a problem with part of a project that I know is something small that I omitted someplace relating to mouseEnabled or mouseChildren, but I think I have tried everything and nothing seems to work.I set up a demo FLA that replicates the issue somewhat here (remove spaces)- t i n y u r l . com/4429vbx
Basically, I have a little game that involves finding things in an image with a custom mouse cursor that is a magnifying glass. One large image over a smaller version of the same image, the cursor masks the large image. There's a bunch of Math figuring out the movement/positioning of the large image on MOUSE_MOVE to match up with what you are mousing over in the smaller one, and I have a Rollover/Rollout on the smaller image to swap the cursor in/out. The problem started when I put 5 invisible buttons down inside the large image. You get cursor flicker when rolling over the invisible buttons, because smallImage.rollOut is being triggered, then smallImage.rollOver, then out, then over, etc... and I have no idea why.
I can't use startDrag() because of the large image movement needed on MouseMove, and I tried it with EnterFrame and it's worse.Like I said, the demo isn't exactly what I have in my project, but it's close. There's no parallax math, and the project I have is class-based, but the demo is on the timeline. There are 3 levels - A is the root child, B inside of A, and 3 buttons AA, BB, CC inside of B. I have a simple circle Sprite as the mouse cursor.
View 2 Replies
Feb 25, 2003
I want to recreate the same effect (this has been done) but with a little twist, and I do not know how to code the mask with Action Script.What I want to achieve is this:
1. Lock my mask on the Y axis;
2. When I mouse over it, the mask would move up and down;
3. The mouse cursor would disapear while being in the mask.
My flash file is almost complete. I just need the code to move the mask.
View 9 Replies
Mar 22, 2011
i know how to make an animated mask to have an image on top of another to have them transition as the mask passes thru..but this time instead of animating the mask i was wondering how to make the mask be sort of a brush on the tip of the mouse pointer.
View 3 Replies
Jun 2, 2011
I have a display object that is set to mask another display object. I add a mouseEvent listener to the mask to listen to mouse events. It does not receive the mouseEvent unless I set its buttonMode property to true.
If the display object is not a mask, it receives mouseEvents with its buttonMode set to false.
Here is some fast example code. On the stage I have a circle that masks a square. if buttonMode of the mask is set to false, it won't receive mouseEvents.
Code:
circle.addEventListener(MouseEvent.CLICK, onClick);
square.mask = circle;
//if I set buttonMode = false, the mask (circle) won't respond to clicks.
circle.buttonMode = true;
[Code]....
View 3 Replies
Dec 17, 2008
This will probably be simple for some of you. How do I make the "animation" stop? The text moves, based on the mouse movement, and I put a mask over the text to only show a certain area at any given time...
[Code]...
View 1 Replies
May 4, 2011
I created a graphic to simulate a volume slider. Its working, but i want a movieclip graphic (vol_switch) to follow the mask. It is only following it after i release the mouse. i cannot figure out how to have it follow on the mouse drag without taking precedence over the mask and disabling that. I tried the code in bold, but not working.
[Code]...
View 3 Replies
Nov 25, 2010
Basically I want to have a scrollable map ie. you can grab it with your mouse and move it. Exactly the way google maps works (although I'm not terribly concerned about the inertia effect that google maps has). But I also want to have objects on the map, that when the map is moved, they also move, but I can grab them individually also, and move the objects. Obviously when I nest these objects in the background symbol, they lose their independence and therefore can't be moved separately from the map. And I've been having difficulty making the objects follow the map, while maintaining their own position (they just snap to the maps position).
View 2 Replies
Apr 7, 2011
Is there a pointer/tutorial on how create something similar to the following sites: [URL]
It appears that there are multiple layers that move at its own speed when rolling left or right.
View 3 Replies
May 18, 2009
I'm trying to get my movable button to stop activating. It's looping (up/over/down/hit).
loupe_mc.onPress=function() {
this.startDrag();
};
loupe_mc.onRelease=function() {
this.stopDrag();
};
View 3 Replies
Jul 23, 2011
I figured that Flash would be the best for the result I'm going for. I am making an Adobe Flash website and part of the website includes a box that is draggable and movable around the screen. So, to keep it simple, how can I make it movable?
View 1 Replies
Feb 3, 2011
Is it possible to have a movieclip loaded to the stage not movable, but after a certain amount of time you can click on it and drag it to where you want it to go, and if so how would you go about doing that?
View 1 Replies
Feb 25, 2009
I have a Large moveable object that can be clicked and dragged around the movie, but how can I make so that if I border off an area of the movie the objects movement is limited to those corners. So the top left of the object cannot be dragged further than the top left corner of the border and so on.
View 2 Replies
Feb 3, 2010
I need to make my the images in my website movable. I found this [URL] but I just need a simple and easy version.
View 3 Replies
Feb 3, 2010
I need to make my the images in my website movable. I found [URL].. but I just need a simple and easy version.
View 3 Replies
May 2, 2010
I've been trying to figure this out for a while now and cannot get it to work. I have a movieclip that can be moved up, down, left and right with the arrow keys, and reflected/flipped using the arrow and control keys together. However, I want to be able to use the arrow keys and shift to rotate the movieclip about a point with x co-ordinate 230 and y co-ordinate 180, regardless as to whether or not the movie clip has been moved up, left, etc.I've tried several different codes based on examples I've found online, but none have worked. I cannot make sure the centre point of rotation never changes.
View 0 Replies
Aug 11, 2004
I know there's all these posts on how to use For... loops to hittest, but no matter how hard I try, they just don't work. So, after hours of hair tearing, paceing and starting a new game I've decided to bother you all for help.
My situation is that in the game I'm making, I have a movable turret firing duplicated bullets. I need to hittest them against a duplicated set of oncoming robots. I've tried using a for loop, but I just can't get it to work.
I've attached the .FLA, and I would be grateful if anyone could point out what I'm doing wrong (ignore the values for removing the clips and the random duplication; I had to shrink the stage size to make the file size smaller
View 3 Replies
Oct 13, 2004
I've made a site with small draggable "popup" windows (not actual windows since they are objects in flash..) I can drag em off the scene outside the edge. I've attempted many things.. A adaptation of the collision script found through search.. (on collision it stopped dragging) Worked nice, until you move the mouse real fast, then it can pass right through or partly through and the fact that it's stopdrag. It takes effort to get it from the edge. It's stuck basically.
I fixed it by making the on (press) change frame in a moveclip containing the border.. had a side effect though.. You can now drag the window out from the scene if you repetitively drag it towards the edge. Is there a way to limit a movieclips possible X & Y positions? (in both + & - range to make it a 4 cornered block). I also want the moveclip to keep moving up/down if if hits the right/left edge if you continue dragging it up/down (same with left/right edge also)
I tried the scrip from the "dynamic mask":
onClipEvent (enterFrame) {
getlimits = _root.normalpic.getBounds(_root);
if (_root._xmouse>=getlimits.xMin && _root._xmouse<=getlimits.xMax && root._ymouse>=getlimits.yMin && _root._ymouse<=getlimits.yMax) {
this._x = _root._xmouse;
this._y = _root._ymouse;
}}
I changed the size of the "normal pic" and it works lovely.. but it's on enterFrame... and I need to react on on press and on release.. : tried to adapt it but cant figure out how.. and besides the script don't allow movement along the edges (like I described above) and if you move the mouse fast enough the window stops short of the edge..
View 5 Replies
Oct 26, 2011
How can i make a MovieClip object drag able by the mouse? If i have two MovieClip instances, is it possible to make a new shape/MovieClip objects in that looks like a line and which will connect then? I have functions checking if the 'nodes' movie clip instances collide with the 'line' movie clip instances, now these all are different functions and conditional, but is it possible to check if ALL of them are true?
View 2 Replies
Aug 19, 2003
what i am doing is to make something along the lines of the "scriptable mask" tutorial Inigo was kind enough to put up.My idea is to have a large mask behind the whole of my flash site, this masks a colour image with a black & white one (nothing tricky). The image I am using is actually 5 separate images combined, and each is a pic of certain parts of the site.I also have a very basic set of buttons along the bottom... each corresponding to each section.
All I want is to set it up so that when I mouse over the buttons, the _x of the mask moves to correspond with the correct image... really very basic... or so I thought .If anything it should be easier to do than what is in Inigo's tut (where he uses the _x of the mouse to move the mask)... i just cant seem to get it to work with a nice easing effect (its easy to get the mask to simply snap to each coordinate, but I need it to smoothly move).
View 4 Replies
Dec 4, 2009
maybe point me towards a better way to mask. png file is way too big. I have been using the mask layer option to create my own mask around a jpg image by drawing around it on the mask layer. There has to be a fetter and faster way to do this. Is it possible to maybe have a specific color range have an alpha value of 0. Similar to green screening whereas If I put the item I want to clip on a green background flash will auto take out the green for me. and by auto I mean action script maybe. I think this can be done but im not finding it.
how are these guys clipping these images [URL] they have the movie clips set up where the black background on the 3 layers of shoes is getting masked out. When I go into the shoe movie clips I see there is a black background but it just disappears when I go back to main timeline.
View 3 Replies
Apr 8, 2010
ive gotten one movie clip to mask another in the actions frame but i cant seem to be able to mask the flames which are a shape with a movieclip in this as file. im not getting any errors but the mask isnt covering anything look near the bottom at s.mask=mask_mc; there are about 20 "s" shapes spawning per second if that has anything to do with it
Code:
//this package turns an mc into a flaming button that calls a javascript function
package
{
import flash.display.MovieClip;
[Code].....
View 3 Replies
Nov 26, 2009
I was wondering if its possible to mask multiple MC or Sprites under one mask, when using AS3.abc.mask = a;cba.mask = a;something like that
View 2 Replies
