It is currently Thu Sep 24, 2020 12:46 am

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 10 posts ] 
Author Message
PostPosted: Tue Mar 31, 2015 9:09 am 
Hi,

I tried to make an animated button and I am lost on the whole line of pixels thing. I rendered the images and put them in one png with a transparent background. However, I don't know how to create a line of pixels in Gimp. I attached the picture. The idea is the propeller would rotate clockwise. The tutorials I read talk about what the pixels mean etc... However, I haven't found anything that says how to add them.

Update;

I think I figured it out to some extent. I copied the pixels from an animated button from the forum and moved everything around. It is working now. One question though, it is spinning around really fast. How could I slow the rate of spinning down?

Update 2; I was able to create the button I wanted, it is below. The picture attached to this message was deleted to avoid confusion.


Last edited by prop_design on Sat Apr 04, 2015 4:53 pm, edited 5 times in total.

Accept this answer
Top
  
Reply with quote  
PostPosted: Tue Mar 31, 2015 9:15 am 
Offline
Site Admin
User avatar

Joined: Wed Jan 02, 2013 11:38 pm
Posts: 5333
You need to add an extra line at the top of the image. That's where the pixels go.


Accept this answer
Top
 Profile  
Reply with quote  
PostPosted: Tue Mar 31, 2015 9:37 am 
Ivo wrote:
You need to add an extra line at the top of the image. That's where the pixels go.


Thanks Ivo,

I figured it out some as you were replying. I need to read more about what the pixels do. Right now I just copied some from a different button that was on the forum. Yes I see you need to add 1 pixel more than the sum of your images. In my case the images are 40x40 pixels. There are 12. So the width is 40 pixels and the height is (40x12)+1=481 pixels, for anyone learning. In Gimp if you change your grid to 1 x 1 pixels and show the grid then zoom in a lot so you can see each pixel. It's not too hard to do in Gimp.

Update; I ended up adding one more frame to the end. I just copied the start frame to the end to avoid jumping issues. So there are now 13 frames, bringing the height to (40x13)+1=521


Last edited by prop_design on Sat Apr 04, 2015 4:53 pm, edited 2 times in total.

Accept this answer
Top
  
Reply with quote  
PostPosted: Tue Mar 31, 2015 9:52 am 
Wow, so reading the help for this is giving me a headache. I just copied the color code stuff so I'm sure it's not right for the images i have. If anyone understands how to actually implement the pixels and wants to give it a shot, feel free. The idea is it just rotates around at a reasonable rate of speed.

Update; Ignore this post, I figured it out.


Last edited by prop_design on Tue Mar 31, 2015 7:43 pm, edited 3 times in total.

Accept this answer
Top
  
Reply with quote  
PostPosted: Tue Mar 31, 2015 11:22 am 
ok i got it all figured out. i think i found an error in the documentation though. it seems the frame ranges for the animated buttons are backwards. i flipped them and it then went through the frames in the correct order. this is for pixel 7 and 9. it says blue is the start and red is the end but this is opposite. you can see it in the rotation of the propeller. if you use the documentation the propeller rotates backwards (i.e. goes through the frames backwards).

update; disregard the bug I thought I found. it turned out my renderings were backwards from what i thought they were.


Last edited by prop_design on Sat Apr 04, 2015 11:52 am, edited 7 times in total.

Accept this answer
Top
  
Reply with quote  
PostPosted: Tue Mar 31, 2015 11:33 am 
Thought this may help see the button better. Against a dark background, it looks great.


Attachments:
Prop Example.png
Prop Example.png [ 7.71 KiB | Viewed 18254 times ]


Last edited by prop_design on Fri Aug 14, 2015 11:44 am, edited 3 times in total.
Accept this answer
Top
  
Reply with quote  
PostPosted: Wed Apr 01, 2015 8:35 am 
Offline
User avatar

Joined: Wed Feb 04, 2015 10:36 am
Posts: 62
Location: Croatia
Nice work!!

_________________
Nothing is left unfinis.....


Accept this answer
Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 03, 2015 8:15 am 
below is the latest version of the button.

update; this version has the leading edge turn blue when clicked. this adds an extra frame, bringing the height to (40x14)+1=561pixels

update 2; I removed the hub as it made the button look less interesting. I increased the resolution to 256x256. I changed the color scheme so that it will work with any windows color.

update 3; Changed the final color to black, so that it shows up on Windows 8.1 taskbar. Previously, I was using Windows 7 and the button worked with that OS. But on Windows 8.1 you couldn't see the final color.


Attachments:
Prop.png
Prop.png [ 96.25 KiB | Viewed 15254 times ]


Last edited by prop_design on Sun Mar 13, 2016 3:07 am, edited 4 times in total.
Accept this answer
Top
  
Reply with quote  
PostPosted: Sat Apr 04, 2015 11:50 am 
Branks wrote:
Nice work!!


thanks


Accept this answer
Top
  
Reply with quote  
PostPosted: Fri Aug 14, 2015 9:11 am 
I took the lessons learned making my new buttons, located here:

http://www.classicshell.net/forum/viewtopic.php?f=18&t=4971

And applied them to the propeller button, which was my first. The update is above. The main improvements being, you can resize it and use it with any windows color. I removed the hub to make the button more visually interesting.


Accept this answer
Top
  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 10 posts ] 

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: Google [Bot] and 7 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group, Almsamim WYSIWYG Classic Shell © 2010-2016, Ivo Beltchev.
All right reserved.