SFML community forums

Help => General => Topic started by: _4004 on April 30, 2020, 04:51:58 pm

Title: Shape animations
Post by: _4004 on April 30, 2020, 04:51:58 pm

How can I do these using shape? Think of them as the CircleShape vector. What should I use? Should I just do it with code(VertexArray) or is it make with another program?

Like this:

(https://i.pinimg.com/originals/c4/ea/b4/c4eab4aef31cf79b812dcbb14b55ac3d.gif)

Title: Re: Shape animations
Post by: G. on April 30, 2020, 05:52:42 pm

Your gif is down.

Title: Re: Shape animations
Post by: Fx8qkaoy on April 30, 2020, 05:56:01 pm

The response shall be where u found the gif. Guessing, I think it's made in CSS. Look at the CSS properties and implement them. I would say they are:
- interpolating size
- interpolating position
Given a specific time, u calculate the pos of the moving circle, and the size of 8 fixed circles. The size shall be a single ecuation, and for every circle u out of phase it with a constant time

I did not try any libs for this, but searching "SFML animation libs" seems to yield good results. U could go with specific libs for making true HTML / CSS interface, as SFML allows u to control the OpenGL, but maybe it's overkill

Title: Re: Shape animations
Post by: _4004 on April 30, 2020, 08:33:45 pm

Quote from: G. on April 30, 2020, 05:52:42 pm

Your gif is down.

Updated.

Title: Re: Shape animations
Post by: Hapax on May 01, 2020, 06:36:42 pm

It looks like meta-blobs but it's moving so quickly it's difficult to tell.
I think the effect could be achieved by moving around a large circle while scaling up the circles by proximity.