Skip to main content
Participating Frequently
April 15, 2017
Answered

wiggle effect in animate

  • April 15, 2017
  • 3 replies
  • 9878 views

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 has been closed for replies.
Correct answer just.emma

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

3 replies

Participant
February 21, 2023

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). 

kglad
Community Expert
Community Expert
February 21, 2023

@Gergő5E8A 

 

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

Participant
February 21, 2023

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

just.emma
just.emmaCorrect answer
Inspiring
April 15, 2017

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

kglad
Community Expert
Community Expert
April 15, 2017

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

Participating Frequently
April 15, 2017

HI Kglad!

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

tnx

kglad
Community Expert
Community Expert
April 15, 2017

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