Seeking ideas for features in a stopwatch app.
Pages: 12
closed account (D80DSL3A)
Thanks Albatross! Those look great. I haven't the knowledge or skill to do graphics like that.
Here's what your buttons look like on the stopwatch:
http://img585.imageshack.us/i/clockwithalbatrossbutto.jpg/
The only problem is that the right 2 buttons are the same as the left 2. The right 2 are supposed to be the mouse over versions of the 2 on the left. That's why, in my image
http://img20.imageshack.us/i/butt33x22all.png/, the 2 on the left have a grey border and the 2 on the right have a magenta border. That magenta ring provides the mouseover highlight.
The difference between upper and lower buttons makes the selected button stand out. In the image linked to above the [SW] button is selected (selected = lower buttons)
@ultifinitus: I'll look forward to it. Nice buttons make a big difference.
I forgot an important detail if anyone wants to try the code out.
http://codepad.org/FVqtYrOe
Obviously the button images must be loaded by the program. If you use a .bmp image then name it "butt33x22blueAll.bmp" (as the file name is hard-coded). Or, change the file name on line 435.
Button sizes are hard-coded too at 33x22 pixels (sorry - the buttons are declared before the image is loaded). Change arguments in the constructors called on lines 180-196, the last 2 numerical arguments (currently 33, 22). A 67 px wide x 45 px high file is ideal for the current button sizes coded.
Thanks again - fun2code
Here's what your buttons look like on the stopwatch:
http://img585.imageshack.us/i/clockwithalbatrossbutto.jpg/
The only problem is that the right 2 buttons are the same as the left 2. The right 2 are supposed to be the mouse over versions of the 2 on the left. That's why, in my image
http://img20.imageshack.us/i/butt33x22all.png/, the 2 on the left have a grey border and the 2 on the right have a magenta border. That magenta ring provides the mouseover highlight.
The difference between upper and lower buttons makes the selected button stand out. In the image linked to above the [SW] button is selected (selected = lower buttons)
@ultifinitus: I'll look forward to it. Nice buttons make a big difference.
I forgot an important detail if anyone wants to try the code out.
http://codepad.org/FVqtYrOe
Obviously the button images must be loaded by the program. If you use a .bmp image then name it "butt33x22blueAll.bmp" (as the file name is hard-coded). Or, change the file name on line 435.
Button sizes are hard-coded too at 33x22 pixels (sorry - the buttons are declared before the image is loaded). Change arguments in the constructors called on lines 180-196, the last 2 numerical arguments (currently 33, 22). A 67 px wide x 45 px high file is ideal for the current button sizes coded.
Thanks again - fun2code
Last edited on
...I knew I was going to regret not adding a little bit more color to the outlines of those buttons. There actually is a difference, but I'll agree: it's not the easiest difference to spot. :)
I know you'll be working with ultifinitus on the theme, but just for kicks I made the difference a little bit more obvious and uploaded the new file here:
http://oi56.tinypic.com/demohy.jpg
...I also took a liberty with changing the grey and magenta to red and blue... >_>
Happy coding!
-Albatross
I know you'll be working with ultifinitus on the theme, but just for kicks I made the difference a little bit more obvious and uploaded the new file here:
http://oi56.tinypic.com/demohy.jpg
...I also took a liberty with changing the grey and magenta to red and blue... >_>
Happy coding!
-Albatross
Last edited on
I'd resize those quickly to 32x22 and fit them all in one 65 x 45 file before anyone notices... *goes to sleep, meaning this post will not be edited/deleted until at least 7 hours pass*
-Albatross
-Albatross
Lol, you would =) that would be great ;)
jkjk, I already did!
http://i54.tinypic.com/fxfi3n.png
(edit) they're a little too bright, but I don't have any steam left to stay awake it's toooo late, night all.
jkjk, I already did!
http://i54.tinypic.com/fxfi3n.png
(edit) they're a little too bright, but I don't have any steam left to stay awake it's toooo late, night all.
Last edited on
closed account (D80DSL3A)
@ultifinitus: I think they look good. Nice buttons improve the appearance so much that I made a background image to replace the solid drawn rectangle. Here's my 1st try (a glass effect) with your buttons on it: [IMG]http://i54.tinypic.com/345eo44.jpg[/IMG]
The [SW] button is selected and the [reset] button shows what a mouse over looks like (I had the mouse pointer over it while taking the screenshot)
I flipped your image to put the brighter ones on the right (for the mouse over images) and filled in the white background with black as that's my transparency masking color:
[IMG]http://i56.tinypic.com/kc1mhf.png[/IMG]
I figure you could do a lot better at making a background image (200 pixels wide x 230 pixels high) than I could so I made a transparent overlay (the stopwatch with a transparent background) for placement over trial background images: [IMG]http://i53.tinypic.com/wafsk9.png[/IMG]
Thanks for the help.
Albatross, thanks for the button images. I'll tweak them to get the mouse over effect I'm after.
The [SW] button is selected and the [reset] button shows what a mouse over looks like (I had the mouse pointer over it while taking the screenshot)
I flipped your image to put the brighter ones on the right (for the mouse over images) and filled in the white background with black as that's my transparency masking color:
[IMG]http://i56.tinypic.com/kc1mhf.png[/IMG]
I figure you could do a lot better at making a background image (200 pixels wide x 230 pixels high) than I could so I made a transparent overlay (the stopwatch with a transparent background) for placement over trial background images: [IMG]http://i53.tinypic.com/wafsk9.png[/IMG]
Thanks for the help.
Albatross, thanks for the button images. I'll tweak them to get the mouse over effect I'm after.
I can give you images with a transparent background... The lines on the corners, I'm assuming is a result of the mask.
The background, sure, what kind would you like?
The background, sure, what kind would you like?
closed account (D80DSL3A)
@Ultifinitus
About the background:
I'm afraid I have no solid ideas about that so I'll search around for ideas.
I'll tinker with it myself (since I don't know what I want). Hopefully I'll learn more about doing quality graphics in the process. I have Photoshop so the tools are available to me.
Thanks again for the buttons!
About the background:
| what kind would you like? |
I'm afraid I have no solid ideas about that so I'll search around for ideas.
I'll tinker with it myself (since I don't know what I want). Hopefully I'll learn more about doing quality graphics in the process. I have Photoshop so the tools are available to me.
Thanks again for the buttons!
Awesome, Photoshop is great and all, but I use gimp for everything =)
The buttons' shiny counterpart is a little too large, I'm thinking it would look much better with a smaller slope.
On the background. Try to fill everything you can, but don't make it too busy, too many colors make for a bad experience. And if you want something really good looking look into the rule of thirds, and read up on some simple color theming tutorials.
How's this:
http://i51.tinypic.com/1490fva.png
The buttons' shiny counterpart is a little too large, I'm thinking it would look much better with a smaller slope.
On the background. Try to fill everything you can, but don't make it too busy, too many colors make for a bad experience. And if you want something really good looking look into the rule of thirds, and read up on some simple color theming tutorials.
How's this:
http://i51.tinypic.com/1490fva.png
Last edited on
closed account (D80DSL3A)
Ultifinitus, those buttons look even better. There's a more pronounced mouse over effect. Thanks again.
I'll check into some color theme tutorials.
@yuanyelss: I didn't quite understand your critique of the stopwatch's function.
Trials are recorded separately.
What are the links for? I didn't dare click on any of them but I did do a search on zyy.com.
I'm not interested in buying gold.
I'll check into some color theme tutorials.
@yuanyelss: I didn't quite understand your critique of the stopwatch's function.
Trials are recorded separately.
What are the links for? I didn't dare click on any of them but I did do a search on zyy.com.
I'm not interested in buying gold.
Topic archived. No new replies allowed.
Pages: 12