how to move shape in a certain arc and line?

General Discussion Other

karenpunk

how to move shape in a certain arc and line?

in General Discussion • Other • 1 year ago

i made classic random moving circles as in the picture:

And here's what i want to realize:

when mouseClicked , the circles line up like:

i think i can check the position of all the circles. if theirs y position are within 1/2height, they should form the arc.

if are larger then 1/2height, they form the line.

But the trick is : how to form those shape?

i mean, i know how to form a round , just move their centre of circle towards a point.

but LINE(how to move theirs x position)??? even ARC ??? really have no idea.

Does anyone know?

Thank you very much.

Replies(2)

lukasrobe..

Re: how to move shape in a certain arc and line?

1 year ago

First thing, the result you want has circles of equal size, since your current code has circles of varying size generated by the random function, I'm presuming you want the size of all circles to scale to an equal constant when you click the mouse?

I don't know your code, but its worth storing your circles in some kind of object so that you can reference them and change there attributes such as scale, position e.t.c

As for the shapes, the eyelash (upper half) is technically half a circle, it would be worth doing the mathematics to calculate the points on the outline of half a circle so that you know the positions you want to move half your circles too. If you are unsure on some of this maths there is some reading here that may be of aid: http://processing.org/learning/trig/. The line points are simple and can be calculated with the classic MX/Y routine: http://www.mathsisfun.com/equation_of_line.html

When you press the mouse do you want some kind of smooth animation where the circles scale and move to there new positions? If so some kind of linear interpolation may be required to adjust between the two.

karenpunk

Re: how to move shape in a certain arc and line?

1 year ago

Thank you lukasrobe.

However it's not necessary for those circles to be in the same size.

And yes i want smooth animation when those circles moving. Do you have any hints on that?

Thank you very much.

Top Reply