Animate a dynamic/generative logo using algorithm

[krystalsuriani]

Hey everyone,

Not sure if this is going in the correct place, so I apologize in advance if this is in the wrong program.

I have created a logo and want to make it a dynamic/generative one. The logo is currently a abstract linear one that loosely resembles a pin. I know what rules I would like it to adhere to such as always keeping the bottom two lines connected and always having one loop in it. I would like the logo to constantly change in shape and possibly color, and in the future would want an animation where it would animate and stop randomly and then start again.

I've researched dynamic logos and tried to find out how to create one, but to no avail. Due to my extremely large amount of generative variations of the logo, I would much rather not do this by hand in any program (using duplicates and transitioning).

My question is: is this possible with Adobe Animate CC (or any other Adobe programs) and how? If not, does anyone know of a program I could use or an online service for it?

-Thanks in advance to anyone who helps!

[kglad]

do you have an example of the result that you want?

[krystalsuriani]

Here's a few examples:

Not only would I want to be able to have many variations, but I would like to be able to actually have a video/animation where someone could watch the logo change shape/color and then it pauses randomly on different variations.

[moccamaximum]

Hello,

you would have to make yourself familiar with the graphics api

Adobe ActionScript 3.0 * Drawing lines and curves

and a Tween framework like

GSAP, the standard for JavaScript HTML5 animation | GreenSock

It can be done both in Actionscript 3 and Javascript/Canvas and Animate should be the right tool for the job

[kglad · Accepted solution]

i'd say all of that is doable with actionscript and some of it is doable with html5, but none of it is doable for a novice coder.

for the simplest animations (eg, musica) the drawing api may be all you would need and that would be the only coding animation that an intermediate coder could do.

the other two examples would require much more experience and time to encode, and i'm not sure the drawing api would be the correct route to take for those.  it's possible, for those, the displacementmap filter might be a better approach.  (check http://www.kglad.com > snippets > displacement).  or check the shape tween animation.

[ClayUUID]

I'm trying to imagine any plausible scenario where a user would be sitting and watching a logo mutate over time.

If this is intended to be the logo in the banner for a web site, you should be aware that constant peripheral animation is distracting, and therefore to be avoided in a good design.