• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

wiggle effect in animate

New Here ,
Apr 15, 2017 Apr 15, 2017

Copy link to clipboard

Copied

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.

TOPICS
How to

Views

8.5K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Advocate , Apr 15, 2017 Apr 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

Votes

Translate

Translate
Community Expert ,
Apr 15, 2017 Apr 15, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2017 Apr 15, 2017

Copy link to clipboard

Copied

HI Kglad!

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

tnx

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 15, 2017 Apr 15, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 02, 2017 Jul 02, 2017

Copy link to clipboard

Copied

Is the code something you paste into the output tab of the timeline?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 02, 2017 Jul 02, 2017

Copy link to clipboard

Copied

Code goes into the Actions panel. You select a frame in the timeline where you want the code to go, then you type the code into the Actions panel.

Here's an introduction on the topic:

Create HTML5 Canvas documents in Animate CC

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 02, 2017 Jul 02, 2017

Copy link to clipboard

Copied

alisaharvey  wrote

the output tab of the timeline

This is not a thing that exists. The timeline does not have tabs. There is an Output window, which can be docked with other windows. As its name implies, it's for output, not input. You do not paste things into it, ever.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Apr 15, 2017 Apr 15, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 20, 2023 Feb 20, 2023

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 20, 2023 Feb 20, 2023

Copy link to clipboard

Copied

@GergÅ‘5E8A 

 

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 21, 2023 Feb 21, 2023

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 21, 2023 Feb 21, 2023

Copy link to clipboard

Copied

LATEST

Sorry for the bad grammar I just woke up

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines