http://www.flutlicht.com/
Are the liquid buttons a flash 8 effect or can it be done with actionscript?
Printable View
http://www.flutlicht.com/
Are the liquid buttons a flash 8 effect or can it be done with actionscript?
I think that has been done outside of Flash and it is a load of images. It would be tricky to get such a nice effect in AS, although it is not outside the realms of possibility. Experiment with the displacementMapFilter.
I've done a similar effect with a couple of displacement maps, but it doesn't quite work as well as the one you linked to.
Thank you for the reply. I am new to displacement filters and was hoping to get a tutorial or fla on it. I see the one on the porfolio page of your site.the button with two displacement maps. I am not a novice but I am no pro.
Unfortunately the fla of that example decided to corrupt itself so I've had to rebuild it for you. Bear in mind it is a work in progress, so I'm sure it can be improved upon. I've tried to add a few comments to help explain it.
Thank you. I will be looking at it when I get home from work.
enjoy! :D
I was looking for something like this. I couldn't figure out the displacement code. I think this will set me in the right direction, but my goal is to have it follow the mouse like the other versions I see online, instead of on(press) etc. If anyone knows how to then make it look like your cursor is moving through water like a boat, instead of a continous waterdrop, that would be out of control.
-erok
Its exactly the same method, use an onMouseMove to attach the circlular animated movieClips instead of the click and onEnterFrame in the button example.
You are presumably going to be using a larger image and so it is probably worth using just the one displacement map instead of 2 to keep your framerate up. The water effect on an image on my website uses just the one map and it looks pretty funky with it. (wanted to do that since I first saw it done in Javascript) :D
GREAT.still working at it. I don't really understand this whole thing yet. I can't get rid of the preview(blured black box) without destroying the script. The mouse move thing was easy, but I still wish it updated more frequently. Can deal with later, but if you could give me a hint about the black preview box that would be great. Sorry, I'm usually better at this but I'm not extremely proficient with flash and now my heads all wrapped up.
PS this won't be sitting online, so I have no problems with lagging framerates.
You can get rid of the black preview box easily by setting the visibility of bmp1 and bmp2 to false. They contain the displacement bitmaps and don't need to be visible, I just have them on show as they illustrate how it works.
You could try making the animation of the attached circle movieclip faster to speed it up a little. The spring back of the image will be affected by the amount of blur you apply to the displacement map(s), so increasing the x and y blur factors will make it spring back faster. You could also apply a colour matrix filter to the bitmaps to increase the springback speed further, but see if changing the amount of blur helps first.
hmmm. tried
//test for clearing the bmps
bmp1.visible=bmp2.visible=false;
but nothing happened.
I changed the alpha to 0 and it's gone, but does this mean it's still processing because it's still in the BG. How do I do away with it entirely. well I got it to go away for now so I'll just continue along my way, but thanks for the help,
"yourrrr grrreat"
-tony the tiger.
I'm gonna go fidle with the rest now.
bmp1._visible=bmp2._visible=false;
i'wee-tard
sowry
thanks for all the help, greatly appreciated. I'm not as concerned with the spring back but rather that it plays over itself leaving a trail. Right now, as I move the mouse it doesn't play throught the circle animation until I stop and the function stops refreshing itself. I thought maybe I could change the displace if i>10 etc. but no luck. Just to much for me right now. Do you know of any tutorials that might help explain this. I'm gonna try to read through guy's posting on the macromedia sight. might shed some light for me, anyways...
sorry, I don't know of any tutorials, I learned it by trial and error and reading the help files.
if you don't want a trail like that then limit the number of circles you attach over a given period of time etc. I'm not really sure what you are after so it's hard for me to suggest anything.
well I guess I want it to work exactly like this:
http://www.kneib.biz/f8files/water_with_f8.html
And yeah I'm getting along with the help files, but sometimes the extra help or point of view really helps. thanks though for the attention. I'll also try a single displacement map. I guess I also don't understand why you masked the circle mc...
you mean like this? ;)
http://www.lexicon-design.co.uk/port...num=1&dfrom=16
That works by attaching the circles on mouse move so you should have got it earlier. Maybe post the fla so I can see whats going on.
herre's my file. I figured it work too, then I attemted to add a matrix that mutliplied on mouseMove. No go though, or at least not yet and as you have put it I shouldn't need to do anything more.
so it didn't attach cause it was to large, so I over compensated and whola, here you go. I changed the BG img so its loading a buit off the _x value but it's still the same script etc.
here you go.
I removed one of the displacement filters and fixed it so that it attached the circles properly on mouse move.
U'r a fu!!'n rockSTAR. I hope to use this to help some kids enjoy a more visual educational experience. So glad I didn't have to go the route of java aplets. Looks like your gonna have a lot of fun with the new F8/as.
Cool, I like the idea that you are using it to help educate kids so it was definitly a pleasure to help! I'm writing a kids education CD myself in my spare time as it is something I really enjoy doing.
So much to play with, so little time, I'm sure I've got some real paid work to do! ;)
"it will be a great day when education will be fully funded and the military needs to hold a bakesale to buy their next bomber" or somthing along those lines.
lol, don't get me started on politics. If only I ruled the world! hmmmm
sh*t! I'm giving away my plans, pretend you didn't read that :yikes:
hey there.
do you remember me. I have to say the script you offered was very nice and drew a great response however I ran into a problem with it, if you see this let me know if there is anything I can do. I placed the script a dozen times throught the file, non of them run at the same time and each uses the same circle graphic to perform the displacement, but after about 7 hours flash player or the exe file I am using crashes do to a lack of memory. Any idea why? Could it be the caching? Can I clear the cache?
ok so, read this if you haven't already, will answer my problem, I sooo hope so.
http://www.gskinner.com/blog/archive...flash_pla.html
ouch, thats a nasty suprise bug. Thanks for the tip off. Good luck finding a decent workaround for your project!
thx, but, poop, I still haven't been able to fix it, but if someone could offer some advice that would be great. And if you ever make the addition to the script holla at me lexicon.
If i fix it I'll post it...
In the example I provided the bitmap data is always reused, which according to Grant Skinner is one of the solutions to the problem. Have you coded it differently?
If not, it may be a slightly different bug than the one posted by Grant.
The first thing I would check is that the circle mc's are actually being removed after they have finished playing through.
Another thing I might try is to not cache the circle mc's as a bitmap to test if that helps. That would at least eliminate/confirm your first thoughts that it is the cacheing causing the problem. I hope thats not the problem as that would cause me some headache in my current project.
Also check any event dispatchers/listeners etc that were being set but never cleared after use, thats the kind of thing that could potentially build up and cause a problem after a few hours.
I'm extremely busy at the moment, but I'll try and do some tests on it myself (maybe later tonight) to see if I can recreate the problem and hopefully find a solution.
well, I didn't change the code, and it doesn't help when I don't cache the mc1. I think because I call the map1 mc mutltiple times it is creating another problem, but just hypothetical, cause at this point I don't really know, but if I dispose of map1 all is fine, I just can't get it back again after I do that. Well just and FYI.
Also if I run it on one image on one frame, it seems to be fine. or at least not substantial enough to cause a problem.
hope the weather is nice in the UK
ciao
Quote:
Originally Posted by tmoore935
Bro. your site is sick. :thumbsup:
Guess I should say thank youQuote:
Originally Posted by Real26
I am trying to do something like the background.jpg that I uploaded. But I have no idea on the best way unless its all a pure flash site.
Strange that that would fix the problem (and I am dubious that it has). Your fix has map1 declared within the function. Therefore, you should not really be able to dispose of it next iteration because it no longer exists in the function.
to illustrate...
yak will always trace as undefined. Therefore by the same logic, you are not actually disposing the bitmap at all with your code, as map1 will too be undefined. Infact what you have posted, should technically cause the bug that you describe in previous posts!Code:this.onEnterFrame = function()
{
trace(yak);
var yak = "hello";
}
My original file had map1 declared outside the function, therefore it was reused and so in theory (and according to gskinners blog report) should not have the problem that you described, and infact I was unable to recreate it (although I didn't use such a large bitmap size).
So, I'm a bit puzzled by this post.
your right, I was wrong, but it did work. It amped up the real memory very quickly but it stayed a constant, where as before it just slowly kept on increasing, however after an extended period it crashed do to the virtual memory being to large. I thought the same thing about your code, but it still crashes after extened playing periods. SO I don't really know what it is, but like I said I am applying it over and over again at different keyframes along the timeline to different MC's. I don't know, sorry to jump start that, I thought I had it and had tested it a couple of times, just not long enough and without attention to the virtual memory.
are you able to post any source files? I'm interested in getting to the bottom of it. You can email it to me if you can't post it to the forum (email addy is on my website).
ok, I have found the problem emolen and I don't think it was related to any memory leak bugs in the player.
So if anyone is worried about the code I posted, I don't believe it was the cause of any memory leaks and it should be safe enough to use. Just make sure that you do not create many bitmap objects when only one is necessary!
Basically, you are creating new bitmap objects each time an image is displayed and never disposing of them when they are removed from the screen. I have a lot of applications running so it was only a matter of minutes before my computer choked. With the fixed version, although still using a fair amount of memory for a flash movie, it flattened out and seemed to stop increasing.
I'm emailing you a new version where only one bitmap object is created in the root of the movie. That is then used for the displacement filter which now acts on your slideshow movieClips rather than having a new instance of a bitmap object inside each of your image movieClips within the slideshow clips.
To get the displacement filter to work on a different movieClip as you display a new slideshow clip, I set the onEnterFrame function to work on the new slideshow, rather than create a whole new bitmap object each time.
You might want to think about lowering the quality of the blur filter even further (i left that to you to experiment with) because you are using a very large bitmap object. Hopefully that will help speed the whole movie up a bit.
Fingers crossed, that solves it for you!
Hi all,
I'm also trying to get the same effect as the one we can see at http://www.kneib.biz/f8files/water_with_f8.html
I found this thread very intersting about it, but still have a few problems with it.
In particular, i wonder how the kneib.biz effect acts in order to keep the borders of the picture always clean and undeformed...The .fla Lexicon sent is pretty nice, but just misses this features imho. Could anyone point me out how to solve this or where to find a tutorial on creating this particular effect ?
you will get the border using the displacement map. I'm guessing that the image and bitmapData objects in that example are larger than the stage area, therefore you do not see the border glitches.
allows the riples to bounce off of the borders, really nice but I'm still using the one lexicon wrote. BTW, thanks for the fix, been bussy, but FYI I was trying to keep it so only every other image was given the effect and your fix just put it in the root. I wasn't able to traget the MC within movies, and if I put the script in the individual movie time lines, only running the script once, but using the mc1.onEnterFrame = doDisplace; at two or three different keyframes it ends up calling the bitmapData object to many times forcing the virtual memory to over load, so back to one in root for now, just so it works. Well that's it for now.
WOW That's so kool... :) I'd love to do that.... lol jus been reading ur post so i dnt wna be a party pooper nd have 2 ask how to do it all lol........ really kool if you could achieve that?...
What is the simplest way to add a symbol that contains an animation like a ripple.. to the cursor? If its not simple enough dw lol...
Andy :D