IDE :: Mouse-over Mask That Slowly Reveals Image?
Jul 21, 2009I 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 RepliesI 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 RepliesI am working on an intro to our website that has dog footprints go across the page. As they go across the center, they reveal the logo. My problem is each step reveals the logo ok, but when the next one appears the previous footprint disappears. Once the footprint mask reveals the logo, how do I get it to stay while the other footprints reveal the rest of the logo?
View 2 RepliesI'm trying to create a preloaded that reveals an image.example of what i mean is; when 10% is loaded 10% of the image is visible when 50% is loaded 50% is visible.
View 1 RepliesI have a preloader using a mask, set to slowly reveal the target object from the bottom up as the movie loads. But there is something off with the code and I'm not a programmer.
View 8 RepliesI 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]...
i know how to check the angle between my object and the mouse, but i dont know how to make it rotate slowly to it...
i tried this codes:
Code:
//first method:
onClipEvent (enterFrame) {
this._rotation = (Math.atan2(_root._ymouse-this._y, _root._xmouse-
[Code]....
I try to adapt something i had scripted on AS1 on AS2. Here's the code of my old stuff : PHP Code:
[Code]...
I'm not very very used to AS2 but i could create a tooltip. It works perfectly but now i don't know exactly how to make this tooltip follow my mouse like this code i had with a setProperty. For those who don't want to copy/paste this code, here's a sample fla.
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.
I'm using Flash CS5, and Dreamweaver CS5 to build a site. I'm essentially just using DW as a placeholder for my flash file, which really is the site and all its content. The issue is a minor one, and I'd bet it's a trivial detail I'm overlooking. I saved the .fla file, exported it into my DW .html file, and then previewed it in IE. It looks great, but, when I mouse my cursor over any part of the .fla (basically anywhere in the site), a little box comes up that states what the name of the flash file is.
View 6 Repliesi 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 RepliesI'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?
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...
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]....
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]....
my issue is this, my users import an image with FileReference and I need to mask it and then send it to server.My problem is this: I'm be able do keep the filereference event and transfer the image data into my canvas. I'm be able to send to server the result of masking.But I'm NOT be able to mask the image that my users have load in my canvas.
View 2 RepliesHaving 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.
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.
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 RepliesI 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]....
I'm wondering if I can use a image as a mask. For example, a shape of a dog as a mask. I want to achieve that load in the mask as a jpg or png from disk and apply it to a image. I tried it doesn't work. I don't know if there is something I did wrong.
[Code]...
I recently tried using a png image from the library as a mask for a movieclip on stage. Much to my surprise, the mask is just a rectangle. I expected it to ignore the 0-alpha pixels in the image and just mask out the visible shape. I managed to come up with a work around, but I just wanted to know if it was possible to use a png image as a mask and get the shape of the visible image as the mask as opposed to the whole, rectangular image area. I totally thought it was.
View 5 RepliesThis 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]...
I have imported to the library two images and have given them the custom class names MaskImage and MaskedImage.[code]...
View 1 RepliesI have this image over which i have a circular crop. The user can move the underlying image and when he is ok with the result hits the crop button. How can i crop only that part of the image which is under the mask?
View 1 RepliesI want to use a b/w image as a preloader and as the content loads, the image gets colored the same percent. Just like a regular preloaderbar, just that the counter is the color.
View 1 RepliesI've been playing around with the gallery in this tutorial.[url]...
I was wonderig though, if anyone knows a way to create a mask transition between each loaded image. I fiddled around with it a bit, but can't seem to come up with anything, and I was wondering if it was even possible?
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]...
when the mouse rolls over an image, text appears (in a small rectangle) and it moves with the mouse, only while it is still over the image.
Or at least, does anyone know what this is called or how to do it?
Flash CS4 AS2 Okay -I have a flash movie, and I want to apply a mask to it. The mask I want to apply, or rather, the "shape" of the mask I want to apply is an external image that was made in photoshop. The shape is an irregular one with a bunch of jagged edges. the shape itself is solid, with a transparent background. I've tried saving it as a PNG with transparent b/g, and I've tried importing the PSD file directly into Flash - however - when I go to use this shape for a mask, the mask that is applied is an entire rectangle bounding the imported image - rather than along the edges.Hopefully you can see what I'm trying to do here, and perhaps offer some insight on how I can get this image into flash (let's stick with the idea that the jagged edged manner of the image is too difficult to recreate inside of flash).
View 13 RepliesI am working on an animation with two masks, which plays in Flash as expected, an exported SWF is ok, an exported Quicktime is ok, except for the dreaded ghosting which renders it useless, but when I export it as an image sequence (gif, png or jpg), one of the masks is consistently ignored, while the other one masks as expected. This already shows when I export one single frame as an image. As a result, I currently have no way to create a quicktime movie for this animation (running CS4 on OSX 10.6.5)
Any other way to arrive at a quicktime movie?