Analog watch with color

Hi Guys

I made a simple analog watch in Construct 2.

There already rotates the minute hand.

Now i want to add color between 12 o'clock and the actual position of the minute hand. (like in my awesome drawn picture below the watch)

How can I do that?

Thanks for your help :D

Program

You'll have to use an animation, or a clever arrangement of pie-sliced shaped sprites.

I'd go with the animation. Probably won't take too long to make.

I think you could also use the Canvas plugin to manually draw it.

EDIT: This is definitely possible using the Canvas plugin. The following, while still needing a lot of work (I'm rather weak at math), demonstrates how it could be done.

canvas-plugin-analog-clock.capx

Here is a version doing what sqiddster described--an arrangement of pie-shaped slices. Surprisingly few events.

UHR_animated.capx

Pardon my dullness! I just realized how the Canvas plugin's Arc action works and used it to draw the shaded portion of the clock as needed. You'll likely want to make the clock image transparent on the inside so the tick marks show through.

I just updated the file. Here's another link to it. :)

canvas-plugin-analog-clock.capx

kittiewan, excellent example and you're totally right, surprisingly few events. I just noticed your response as I was working on the update I just posted above. Must've been working through this right as you were.

Ugotsta - I'm glad you posted the canvas solution. I thought it was possible with canvas, but had no clue how. Quite cool!

Wow guys you're so amazing! :D

Both solutions are pretty cool, whereas the version with the pre-sliced pictures is easier to understand for me and also good for custom images.

But the canvas solution looks more dynamically and easier to do changes I think.

I'm gonna try it out and see which ones better for me

Thank you very much guys! :)