Using pie chart as interface

[Georgine]

Hi everyone,

I'm working on a life simulator game that requires the player to decide how to budget their time each day, which obviously makes it a perfect fit for DSE. However, instead of displaying a button for each possible activity the player can spend a period doing, I would like to use a pie chart- one circle broken into 10-15 wedges, with each wedge constituting an activity. My first thought was to simply hard-code the screen coords for each wedge, but since pie slices aren't rectangular that seems like a very dicey solution.

Is there a better way to implement this that I'm missing?

[Tsapas]

One way would be to use the alpha True property in your imagemap, that does not focus transparent areas in your imagemap even if they are inside a hotspot, but for a pie chart hotspots would overlap probably, so don't know if this would work.

Or else, you could use an imagebutton for each chart slice with the focus_mask = True argument, so transparent areas in each button do not gain focus.

Check this thread as well, in the last post there are examples for each approach with accompanying buttons and code, so you can see what suits you best.

[Georgine]

Ooh thank you for the citation, I'll try implementing it and report back... this probably won't work, but I'm reading about imagebuttons and if I were to make multiple .pngs, with each .png being one wedge of a circle with a transparent background, would hover and selected idle/active trigger when the user moused over the invisible transparent background?

[Tsapas]

If the imagebutton has the "focus_mask = True" argument, no it should not. Only opaque pixels trigger those states.

[Georgine]

Oh that's excellent to know, now I know that I have at least one option if all else fails.. thank you very much for the advice + clarification, I'll post back later when I've tried the original suggestion. ^^

[i1abnrk]

If I were to tackle this I would start with a single image of an arc segment. Then I would apply a transformation of the arc segment and make n copies, each one rotated i * angle about the center point. Where n is the number of slices, i is a loop counter and angle is n/360 degrees.
The other way is to directly render a drawing to a canvas, specifically the renpy window. Here you would need to calculate points which can be formulated with the "unit circle" (see wikipedia). Essentially, the points are: center, the two angles in radians times the radius. The x-coordinate is sine(angle) and the y-coordinate is cosine(angle). (Or maybe it's the other way around :p) Last to convert radians to degrees is multiply by 360/pi.
So basically you need use trigonometry like my examples.

[xela]

If I were to tackle this I would start with a single image of an arc segment. Then I would apply a transformation of the arc segment and make n copies, each one rotated i * angle about the center point. Where n is the number of slices, i is a loop counter and angle is n/360 degrees.
The other way is to directly render a drawing to a canvas, specifically the renpy window. Here you would need to calculate points which can be formulated with the "unit circle" (see wikipedia). Essentially, the points are: center, the two angles in radians times the radius. The x-coordinate is sine(angle) and the y-coordinate is cosine(angle). (Or maybe it's the other way around :p) Last to convert radians to degrees is multiply by 360/pi.
So basically you need use trigonometry like my examples.

How is this "thing" still not b@nned... ?

Apologies, odd username and this reply confused the hell out of me...