Clickable combined picture

I like to make a shooting target to count points.
But how can I make the numbered rings that gives different point the closer to the center you click.
I hope you understand the problem.
Can someone help me here.

Something like this, right @funhall?

1 Like

Exactly yes…

1 Like

@Funhall_Viborg here is something that may work for you. What kind of app are you building, if I may ask? Anyway, sounds like a cool idea!

10 buttons. Sized from the largest at 110 ox wide and tall to the smallest being 10 px wide and tall, sized in increments of 10. Layered on top of each other with the highest value circle having the highest index And being the smallest. All text justified right. Every other button has a solid black border 1px wide.

Oooh ideas!!!

1 Like

Would you need 10 rows (or columns) too to do the layering?

Or would these be sprites on a canvas?

Ahh. I’m thinking absolute positioning for each one. All in one row. Centered for vertical and horizontal. Row height set to fit contents.

[EDIT] actually, i’m making this now and rows are needed

See a brief [not completed because i am going to a kids bday party] in my Sandbox Environment app here

the halfbuilt example will be on the first screen that shows.

Screen Shot 2020-03-15 at 1.19.32 PM

With a single sprite, you need to use the equation for a circle to determine whether or not a click/tap is within a particular circle. And you’ll need to somehow subtract interior circle’s diameters to account for the overlap of circles.

Either that or you make each circle a separate sprite and then have a rule that says something like:

If yellow is clicked
...give points for yellow
...else if orange is clicked
....give points for orange
....else if blue is clicked
.....give points for blue

Does anyone have an ideer to show a “shot” on the target so I can see where the shot was hitting?
so when I have to mark a point there is a “shot” on the right button.

Are you talking angrybirds style?

ha ha dont know angry bird. But maybe yes. So you kind of shooting the target so you can see it later.

Do any of the examples above help?

I still don’t think i understand completely. You want the user to touch the points they want. And then you want the app to keep track of exactly where they touch on the target?

So you get some kind of bullet holes where you touch

You’ll want to use the method that @tatiang spoke about above. maybe when you figure it out, you can share?

was the click within {the area of the shape excluding the area of the other shapes}
set var Score as + value of sprite
save coordinates of click.
set sprite bullet hole to appear at coordinates saved above

something like that. but I’m not familiar with the canvas yet

wooow i am quite newbi in this. So that seems a little complicated for me…

yes. it sounds like a lot of work. you might want to take time to learn about it [and post a tutorial], hire a freelancer[who can make it for you and explain it all], or just wait for someone to make it for you [free option but could take forever]