Custom ProgressBar / Grayscale image into colour?

Visuals, audio, animation. Blended, not stirred. If LiveCode is part of your rich media production toolbox, this is the forum for you.

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

Post Reply
hoburne
Posts: 40
Joined: Tue Oct 04, 2011 11:13 am

Custom ProgressBar / Grayscale image into colour?

Post by hoburne » Mon Feb 27, 2012 6:57 pm

Hi,

Not sure if this is the correct place for this post but I have a question reagrding, what I would call, a custom progressbar.

I have written an application which takes some time to pull data together and perform calculations before showing the application screen - so I am creating a loading stack with progress indicator. I dont really want to use the standard green one. So I had an idea; I want to use a grayscale image of the application logo which turns into full colour (from left to right - same as a progressbar) as the application is loaded. So at 50% the left half of the image will be colour and right half grayscale.

Not an original idea I know but would be a nice effect for the screen I have.

The stack currently works using blendlevel 0 to 100 fading the entire image slowly into colour - it works but its not what I am trying to achieve.

Can anybody point me in the right direction?

Thanks in advance! :D

Klaus
Posts: 13829
Joined: Sat Apr 08, 2006 8:41 am
Location: Germany
Contact:

Re: Custom ProgressBar / Grayscale image into colour?

Post by Klaus » Mon Feb 27, 2012 7:40 pm

Hi hoburne,

OK, you cannoit do this directly, you need two images:
one in b/w the other colored.
Please check the attached stack...

Basically I grouped the colored image, put it on top of the grayscale image
and set the rect of that group in a repeat loop. Looks quite like what you described above :D

I used a VERY old picture of me, at least 50 years old 8)


Best

Klaus
Attachments
colorimageprogressbar.rev.zip
(85.38 KiB) Downloaded 483 times

hoburne
Posts: 40
Joined: Tue Oct 04, 2011 11:13 am

Re: Custom ProgressBar / Grayscale image into colour?

Post by hoburne » Mon Feb 27, 2012 7:51 pm

Hi Klaus,

Thats perfect! Exactly what I was looking for. As usual I was looking to totally over engineer a solution. Thank-you.

Great picture btw - I cant think you've changed much in that short time :D


Best.

Klaus
Posts: 13829
Joined: Sat Apr 08, 2006 8:41 am
Location: Germany
Contact:

Re: Custom ProgressBar / Grayscale image into colour?

Post by Klaus » Mon Feb 27, 2012 8:04 pm

Hi hoburne,

glad you like it!

OK, I really did not change much but I wear glasses today 8)


Best

Klaus

Post Reply

Return to “Multimedia”