Animated Titlebar buttons

I'm trying to make an animated titlebar button in skinstudio.
The aniamation is in three states. I've tried to do as I do when I make other elements animated, by putting the three frames in a row and then save it as usual. But I have never done it with titlebar buttons before...
Anyone knows how to do this?
9,616 views 25 replies
Reply #1 Top
I wouldn't actually call three frame states animation.
30 frame states, yes, that's animation!

All kidding aside now. You need to start the animations, on the fourth frame. You would also need to add animation attributes to the buttons. And watch your last frame setting in the animation or it might not turn on when expected. I did some pop ups and state changes in the "Batman" WB that I did, but I wouldn't call that animation.
Good Luck.
Reply #2 Top
Thanks! I'll try that.. When you say fouth frame, do you mean that I should just paint blanks, and then, at the fourth frame start painting tha actual animation?
Reply #3 Top
The first 3 (or 6 if you have the inactive window buttons enabled too) frames are as they normally are. (Normal, pressed, mouse)
The animation ones come straight after them.
Reply #4 Top
I believe there is a strange glitch in the six state button. I would use three, and start the animation on the fourth as Hippy stated. If you need a inactive button, just create a new 3 state inactive button and set the proper visibility setting for it.
Reply #5 Top
I believe there is a strange glitch in the six state button


...is this just when using animation, or all the time?? I've just switched to using 6 state buttons so I hope I don't have to switch back now!
Reply #6 Top
Too bad I already use 6 state buttons. Anyway, when I add three animation frames at the end of the bitmap, nothing happens. I tell skinstudio that the animation has 9 frames, else it will get very wird. Windowblinds will show one and a half button etc.
Reply #7 Top
Are you setting the animation RATE too? If you can't see animation rate, click on "add attribute" and check the box to show animation rate. Set it at about 200 to start with and see what it's like, you can change it to suit you then. I can't think of any other reason why it doesn't work, I just made an animated title button about 20 minutes ago, and it works fine.
Reply #8 Top
Also, are you certain that each of your animation frames is the same size as the original buttons? If the sizes are slightly out you will get that half frame effect. If you are only adding 3 frames, and the animation rate isn't set, it's probably happening so fast that you cant see it. And also remember that titlebar button animations made this way ONLY animate on mouseover.
Reply #9 Top
Damn! Im going nuts... It wont work. Let me tell you exactly what I did.. I was trying to make an equalizer that has those lines in it, the lines was going to move when I hovered the closebutton. So I did the "Link-to-button" thing which always works. But when I hovered the close button, it just showed the first frame in the animation, nothing more. So I made the equlizer to a close button, just to check. And when I hovered it, it started animating, but in a extremely fast rate. So I put down the animation rate to 1, but it was the same.
Can somone help me? Im kinda stuck here...
Reply #10 Top
One thing more! That really fast animation, I can see it includes the inactive states too..
Reply #11 Top
The animation rate is how long each frame is displayed, so higher = slower. 1 is just about as fast as it can go

It sounds like you need to set the 1st frame/last frame in the animation somwehere too to avoid seeing the inactive states - unless that's the glitch in 6 state buttons mentioned earlier??

Sounds like a cool idea you're working on so I hope you crack it
Reply #12 Top
You need to go into the personality section and set it so the skin knows you're using the 6-state titlebuttons.
Right now it's set to 3, so that's why it's showing the inactive buttons too.
Reply #13 Top
#12 by Wizop Hippy - 3/20/2004 7:23:20 AM
You need to go into the personality section and set it so the skin knows you're using the 6-state titlebuttons.
Right now it's set to 3, so that's why it's showing the inactive buttons too.


There you're wrong. Of course I've already set it to 6 state.

Reply #14 Top
Ok... Now I've got it to animate itself when I hover over it. But really want is to get the button to animate when I hover the closebutton. So I want to tell windowblinds to start animating my equalizer when its "Linked-to-button" is hovered.
Reply #15 Top
Id be surprised if this is possible as it seems buttons only animate when mouse-over (from comment #8 above from Boxxi)

How about making it all one button but with a large area of transparent pink between the close and the animated bit? As long as they're not too far apart that is?
Reply #17 Top
no probs. I look forward to seeing the results if it does work
Reply #18 Top
The solution would be to find a skin that has animated title bar buttons. Does anyone know one?
Reply #19 Top
It's something Erik and I have been working on together. Animated titlebar buttons are not a problem, we can do that. We're trying to have a seperate button that animates next to the titlebar buttons that only animates when the titelbar buttons are moused over. Sput's idea of having the large transparent area idea was good, but it made the titlebar buttons non-functional. We've tried every possible way to do it, but haven't come up with anything, so we're scrapping the animation for now.
Reply #20 Top
Hmm, this seems to be geting more and more complicated. It started out with just animating title buttons. Now, its animating a secondary button when the original is moused over. I actually did a similar idea on the Batman WB that I made. But, the mouse over secondary button was static.
Reply #21 Top
You could 'fake' it by animating the titlebar itself, and using trans/opacity on the buttons to reveal or hide the animations
Reply #22 Top
#21 - oooh, I like that solution...very devious! BUT, can you hid a button on mouse-over another button? I thought you could only show them?
Reply #23 Top

Take a look at this skin by PJPowell...... It has an unusual way of dealing with titlebar button animations. AND, this skin was made BEFORE WindowBlinds had the ability to animate titlebar buttons, so much kudos to Phil for achieving it.

https://www.wincustomize.com/skins.asp?library=1&SkinID=850

Reply #25 Top
So, I guess that title bar button animation only works with 6 frame buttons. Is there a skin that uses the "new method" of button animation that I could see. My buttons don't seem to recognize the animation frames. Thanks.