Skip to main content
Participating Frequently
Apr 15, 2017 8:11 AM UTC
Answered

wiggle effect in animate

Hello guys

i need a big help... i'm trying to make a random motion to a movieclip in x and y axis. i'have made many attempts but nothing for me 😞

any sudgestion? tnx in advange

best.

This topic is closed to new replies. Start a new post to keep the conversation going.
just.emma
just.emmaCorrect answer
Inspiring
Apr 15, 2017 5:01 PM UTC

If you're not experienced with JavaScript, timeline animation would be the easiest way to achieve a wiggle animation.  Just make a few keyframes at different positions & rotations, and the add classic tweens between the keyframes.

For movement to actually be completely random, that would require math & code.  I found an example which isn't quite what you want, but it can give you an idea of what kind of coding goes into that: http://codepen.io/rauluranga/pen/KwoBdE

11 replies

Participant
Feb 21, 2023 12:53 AM UTC

This is such a typical problem. Its great that you can achive a wiggle effect inside of a html page in animate, but you cant achive it in an exported mp4 animation, which is a serious flaw (in my opinion). While I understand that animate wants a userfriendly workflow combined with its strong ability to work with html5. In the end animation wise (if its not in a html page) it is limiting, we really need a good procedural 2d vector animation software, because after effects is a compositing software and its limited in animation. I know that toon boon harmony has some kind of procedural system implemented, but it seems like its a mix between procedural and user friendly linear, not just procedural (like houdini in 3d). 

Translate
kglad
Community Expert
Community Expert
Feb 21, 2023 1:01 AM UTC

@Gergő5E8A 

 

i think you posted in the wrong thread. what are you trying to do?

Translate
Participant
Feb 21, 2023 10:44 AM UTC

No I didn't. I just commented on the situation, because it its a good example of animate why sometimes a linear workflow in a software can be problematic

Translate
just.emma
just.emmaCorrect answer
Inspiring
Apr 15, 2017 5:01 PM UTC

If you're not experienced with JavaScript, timeline animation would be the easiest way to achieve a wiggle animation.  Just make a few keyframes at different positions & rotations, and the add classic tweens between the keyframes.

For movement to actually be completely random, that would require math & code.  I found an example which isn't quite what you want, but it can give you an idea of what kind of coding goes into that: http://codepen.io/rauluranga/pen/KwoBdE

Translate
kglad
Community Expert
Community Expert
Apr 15, 2017 11:53 AM UTC

what code are you trying?  or better explain what you're trying to do.

Translate
Participating Frequently
Apr 15, 2017 1:54 PM UTC

HI Kglad!

i'm tryng with CreateJs, i'm in a html5 canvas

tnx

Translate
kglad
Community Expert
Community Expert
Apr 15, 2017 2:47 PM UTC

createjs has a tweenjs library you can use, TweenJS v0.6.2 API Documentation : TweenJS

Translate