Welcome, Guest. Please login or register. Did you miss your activation email?

Author Topic: Shape animations  (Read 1568 times)

0 Members and 1 Guest are viewing this topic.

_4004

  • Newbie
  • *
  • Posts: 12
    • View Profile
Shape animations
« 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:

« Last Edit: April 30, 2020, 08:33:07 pm by _4004 »

G.

  • Hero Member
  • *****
  • Posts: 1554
    • View Profile
Re: Shape animations
« Reply #1 on: April 30, 2020, 05:52:42 pm »
Your gif is down.

Fx8qkaoy

  • Newbie
  • *
  • Posts: 42
    • View Profile
Re: Shape animations
« Reply #2 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

_4004

  • Newbie
  • *
  • Posts: 12
    • View Profile
Re: Shape animations
« Reply #3 on: April 30, 2020, 08:33:45 pm »

Hapax

  • Hero Member
  • *****
  • Posts: 3054
  • My number of posts is shown in hexadecimal.
    • View Profile
Re: Shape animations
« Reply #4 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.
Selba Ward - SFML drawables
Kairos - Timing Library
Rectangular Boundary Collision - Rectangular SAT Collision

@Hapaxiation - Hapaxia on Twitter

 

anything