Simple animation help

Hi all wonder if someone can help. I'm creating a simple board game and i want to slide a character (a image) from one position to another position. So for example if i had a 10x10 grid, i may want to slide from square 2 to square 4 or slide diagonally say from square 8 to square 26. What would be the best way to do this? I've been able to move the character once it reaches a certain square by setting the co-ordinates of the new square to move to, but this instantaneously moves from the square reached to the target square, what i want is a sliding effect, so you visually see the character sliding. Any ideas? Any source would be helpful as well, as there doesn't seem to be much about on this topic on the web!

Search the forum. "Animation" would be a good keyword to use. The suggestions will involve using a Swing Timer so you just calculate each interval location from A to B to set the position of the object as it moves.

Similar Messages

Help need in a simple animation

Hello !
I hope somebody can help me, i want to make a simple animation to my logo in macromedia flash 8.
The resource picture is in jpg (but i think i have in png also if that is better) and there is a text next to the logo.The background is black. I want to animate the text line,like its appering from the black.It is as if a cover was drawn before it along.The rest of the picture is fixed.
How can i do that ?
Thank You !

sorry im absolutely new to flash so i dont know how to do that.
here is the picture http://sherto.deviantart.com/art/Iris-Soft-193301609
so its like this : at the first frame, there are no text and with 3-4 frames the " I " comes in and etc... the rest.
as you can see there is a picture close to the texts so i cant cover them with a rectangle tool as big as the text,because it would go into the picture when moves.
once again im sorry im new so i cant even move the rectangle above the pic.
do you have any simple idea for this ?
anyway thank you for the anwser !

HELP MAKING VERY SIMPLE ANIMATION - Adobe Flash CS5

- First off, apologies for the simplicity of the task I need to carry out- cannot seem to find any tutorials on this. (All aimed at After Effects)
- I am hoping to make two simple animations;
1. Animate the word "water" so it appears to be moving like water itself.
2. Animate the word "sand" so it appears to crumble into sand itself.
Appreciate any help, very new to Flash - still no luck after Lynda and other tutorials.

Not exactly the answer to your question but found a tutorial page that could help you.
Text Effects with Flash Professional 8 « Wonder How To

DPS and simple Edge animation - help

Hi-
I am having problems getting a very simple edge animation to work in my adobe digital publishing folio.
I have several kinds of other advanced web overlays using css3 transformations, other using jquery that work perfectly.
I thought I would save some time and try using edge for one simple animation, but nothing shows in the content overlay desktop preview or the ipad previewer. Or sometimes it all just spins and spins the desktop previewer never launches, and I have to force quit out of InDesign and restart my computer.
I have tried uploading the whole file folder as HTMLResources.zip as well as just linking to the index.html file.
My InDesign DPS is the most recent version CS 5.5 and Edge is the most recent preview.
I have also tried these tips - that were posed in a previous thread:
The first tip is to rename the InDesign layer after placing the animation.
In the Layers panel locate the sub-layer that represents the placed HTML. It may be named <rectangle>. You can locate it more easily if the animation is selected. When an object is selected the square to the right of the object will display in color.
Rename the sub-layer in such a way that removes the angle brackets. (Anything meaningful, just no brackets.) There’s some evidence that the angle brackets are causing issues when the content goes to DPS.
The next tip is around settings for making the animation play when you display the page. Here are the settings.
Auto-play = ON
Delay = 0.125
Can anyone see something that I may be doing wrong? Is Edge compatible with DPS?
Thank you!

It seems to me that the culprit lies in the generic name of the object <rectangle>, not necessarily in the Edge animation.
I had an issue with a simple button object that went away after renaming <rectangle> (the contents of the button was a simple rectangle filled with a RGB color) to something else.
The issue leads to a none working button in the Desktop Content Viewer to preview the folio or the article.
InDesign CS5.5 v7.5.2 with OS X 10.6.8
Adobe DPS version:
plug-in version
7.5.5.19
folio format version
1.12.0
plist version
1.3.0
ExtensionBundleVersion
12.1.3.20120307_m_680879
Uwe

Convert simple animation code from as2 to as3

Hi everyone,
I have a simple animation that is controlled by the y movement of the mouse. The code for the animation is put in frame 1 and is as follows:
var animationDirection:Boolean = false;
var prevMousePosition:Boolean = false;
var mouseListener = new Object();
mouseListener.onMouseMove = function () {
var curMousePosition = _ymouse;
if(curMousePosition > prevMousePosition) {
animationDirection = false;
}else if(curMousePosition < prevMousePosition) {
animationDirection = true;
prevMousePosition = curMousePosition;
Mouse.addListener(mouseListener);
function onEnterFrame() {
if(animationDirection && _currentframe < _totalframes) {
nextFrame();
}else if(!animationDirection && _currentframe > 1) {
prevFrame();
Is it possible to use this code in as3 or do I need to convert it? I am grateful for any help. Best wishes

Yes, you need to convert the code. Here is what looks like a similar logic in AS3:
import flash.events.Event;
import flash.events.MouseEvent;
var animationDirection:Boolean = false;
var prevMousePosition:Boolean = false;
addEventListener(Event.ENTER_FRAME, onEnterFrame);
addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);
function onMouseMove(e:MouseEvent):void {
    var curMousePosition = mouseX;
    if (curMousePosition > prevMousePosition)
        animationDirection = false;
    else if (curMousePosition < prevMousePosition)
        animationDirection = true;
    prevMousePosition = curMousePosition;
function onEnterFrame(e:Event):void
    if (animationDirection && _currentframe < _totalframes)
        nextFrame();
    else if (!animationDirection && _currentframe > 1)
        prevFrame();

How to make simple animation of 2D object ?

I am a beginner of LABVIEW, and here is my problem...
For each time loop, I can get a the x,y,theta information of a rigid body in the 2D plane.
I want to use those data to make a simple animation to represent how the object is moving like in a 2D plane, which includes the 2DOF translation movement and 1DOF rotation movement.
How should I do?
Thanks a lot for helping me!

You can use XY graph to plot the trajectory of the object.
Regarding the introduction of the XY graph, you can refer to the tutorial on LabVIEW pro.
http://www.labviewpro.net/teach_content.php?fid=6&post=308&fpt=5
This can only represent the XY movement, not include the rotation part.
I don't think there's any graph control in LabVIEW that can represent the rotation aspect.

Simple animation jiggles but does not move

Im very new to adobe edge, But ive done my reasearch! I have a png on top of a background image and I want the background image to move to the left when the website loads. The simple animation sometimes works after time but it sometimes doesn't when i preview it in my brower. But it works in my timeline. I dont know what im doing wrong and am pressed for time! please help !!!

so it doesn't do it as bad anymore now that I made the image behind it smaller. But it still takes a while to load and the animations aren't that smooth. any advice on what I can do to make it load faster/animate smoother?

Duke Pt avail. 2nd time askin, (Flicker-free background) Simple Animation

2nd time askin, since didn't get sufficient help. Duke Pts available! I am trying to create simple animation on a solid constant background. I used double buffering for moving the object and it works fine. But the problem is with the background image. The image seems to flicker while the object is moving. Here's my code:
import java.awt.*;
import java.applet.Applet;
public class changed extends Applet implements Runnable{
Image buffer;
Graphics bufferg;
Thread main;
int x=0;
boolean flag=false;
public void init(){
setSize(500,500);
main=new Thread(this);
main.start();
buffer=createImage(getSize().width,getSize().height);
bufferg=buffer.getGraphics();
public void run(){
while(main!=null){
try     {
main.sleep(50);
catch(Exception e){}
repaint();
public void stop(){
if(main!=null){main.stop();}
public void paint(Graphics g){
update(g);
public void update(Graphics g){
Dimension d=getSize();
bufferg.setColor(getBackground());
bufferg.fillRect(0,0,d.width,d.height);
bufferg.setColor(Color.red);
Image img = getImage(getCodeBase(),"bliss.jpg");
if((x<500)&(!flag))
bufferg.fillRect(x+=5,10,25,25);
else
flag=true;
bufferg.fillRect(x-=5,10,25,25);
if(x==0)
flag=false;
g.drawImage(img,50,50,this);
g.drawImage(buffer,0,0,this);
Please help me with this minor problem. I think what's happening is that the background is been drawn over and over again. I don't know how to make it constant and flicker-free.

Possible 2 things:
1. You're reloading the image on each repaint:
Image img = getImage(getCodeBase(),"bliss.jpg");You shouldn't do that, you should just load it in init.
2. You're drawing the image with the non-buffer Graphics "g" instead of "bufferg." You should use bufferg and draw it before anything else.
I've modified the code for you, it should work but I can't test it because I don't have bliss.jpg. Let me know if it doesn't work.
Here's the modified code:
import java.awt.*;
import java.applet.Applet;
public class changed extends Applet implements Runnable {
     Image buffer,img;
     Graphics bufferg;
     Thread main;
     int x = 0;
     boolean flag = false;
     public void init() {
          setSize(500, 500);
          img = getImage(getCodeBase(), "bliss.jpg");
          main = new Thread(this);
          main.start();
          buffer = createImage(getSize().width, getSize().height);
          bufferg = buffer.getGraphics();
     public void run() {
          while (main != null) {
               try {
                    main.sleep(50);
               } catch (Exception e) {}
               repaint();
     public void stop() {
          if (main != null) {
               main.stop();
     public void paint(Graphics g) {
          update(g);
     public void update(Graphics g) {
          Dimension d = getSize();
          bufferg.drawImage(img, 50, 50, this);
          bufferg.setColor(getBackground());
          bufferg.fillRect(0, 0, d.width, d.height);
          bufferg.setColor(Color.red);
          if ((x < 500) & (!flag)) {
               bufferg.fillRect(x += 5, 10, 25, 25);
          } else {
               flag = true;
               bufferg.fillRect(x -= 5, 10, 25, 25);
               if (x == 0)
                    flag = false;
          g.drawImage(buffer, 0, 0, this);
}

Simple animation software

When I was at NAB earlier this year, a program was demonstrated where a simple animated character would actually speak the words typed on the keyboard. I can't find the info, and don't know if it was available for Mac, but if anyone knows about such a program, please let me know. I want to use it in FCP projects.
Thx,
Marcia Orland
[email protected]

I think those programs are PC based. I do know of the ones you speak of and have seen them used online often. What I'm not certain is how you would get a person to type in a Movie or QT file after FCP is done with it?
You might want to consider filming your subjects with loads of answers than exporting that video and building the rest of your project in Flash 8. This way you get full functionality of video and user input.
Also Macromedia has done a loads of improvments with flash video and you might want to consider reading up on it, might be more helpful on what your trying to do.
Good Luck
AM

How to make a simple animation within text area ?

Hi guys ,I am getting familiar with the Flash animations so I would appreciate a bit of help.
I am trying to make a simple animation within the text input area i.e.
1.FAN BASE
2.FA NBASE
What I want is the letter N to move slowly towards letter B.I have done motion tweening but it doesn't work - either the whole text is moving left right or the letter N is simply skipping to the second position without smooth animation.( there's no error on motion tween by the way) any ideas ?
Thanks.

best would be you would create your sentence "fanbase" and break down the single letters into objects by selecting the whole textfield and pressing CTRL+B, convert everyone of them into single movieclips or graphics and tween them accordingly.

Non-physics metaballs for simple animations?

I'm attempting a very simple animation where three circles ease out from the center. I would like these balls to have a metaball (liquid) effect so they appear sticky/liquid, but because I also need full control of the shapes, and physics engines are way overkill for something so simple, I'm hoping there is a much better way to accomplish this besides hand animate this in Illustrator frame by frame (where I do have a very simple metaball script (thanks to Hiroyuki Sato).
Here's the basic animation.. It's pretty much the same first animation you ever created in Flash LOL:
http://files.flashvenom.com/uploads/Anim.swf
So, hopefully you can get what I'm after.
Any help would be greatly appreciated!

Yo thanks. The link there - that's totally metaballs. But I'm not trying to do anything interactive / live. I'm animating. There's no user interaction and I need full control of the shapes it produces.
Not sure if you use blender, but there's modifiers you can apply to shapes. Then you can animate, etc. I'm already done animating it with Illustrator, but I'd still love to find a solution so I can do more animations in the future faster.
And yeah, Re: Amy... The video on the top of the page that Amy shared is great for what it is, very clean and professional... but unfortunately it's not what I'm after. And the page has click to buy, register now, free chapter, log in with facebook, (in other words, click bait) everywhere on the page so that's where my crass comment came from.

Getting a simple animation to play in IE

I am having trouble getting a simple animation to play properly, on a site designed by someone else, in IE. It works fine in Mozilla and Safari. In IE, on some computers, it shows up but there is a prompt about downloading a Shockwave add-on. On other computers it doesnt show up at all. Going from Mac to PC is also presenting problems. I'm freelance, so it's not like I'm in the office with these other people, so I only know what's going on with the 3 pc's I have at my disposal; which is as described above. I tried uploading another .swf with just 1 frame to see what would happen and it did the same thing. I'm starting to think it is a problem with the site and not the Flash.
If anyone could take a look at it and offer some help, it would be greatly appreciated.
Thanks,
Murrz
www.buildingdimensionsnc.com

Thanks for your help. I didn't even think about the .html file. Normally I send both but I thought they had that sorted (so I was told) out when it worked in Mozilla and Safari. I won't know until tomorrow if it worked, but thanks again.
Export your movies a Shockwave version or two behind, just to be on the safe side.
This I don't quite get. Normally I publish and send .swf and .html and send them and everything works.
Murrz

3D animation help using Adobe 3D Reviewer

I have a cad model with many components, each on their own level/layer. I want to create a simple animation to show the sequencing of the construction of my model. I set it up with the layers so that all I need is to turn on each layer in sequence to produce my desired animation.
I have been using the create / play animation tool in 3D Reviewer, but it seems to have limited functionality. I want each step to be slower than what appears to be the slowest setting for this tool. I also can't figure out the camera tools - it would be nice to zoom in at various points during the sequence, etc.
The bottom line is this:
Am I using the wrong tool to try and create this type of animation? If so, what should I be using? (Bear in mind I am a draftsman, not a programmer, so any scripts, etc, need to be VERY simple).
If the route I am current trying to take is worthwhile to achieve my final goal, can anyone point me to a useful guide for using this tool? The help section of 3D Reviewer is very simplistic - but maybe that is because the tool really doesn't have much functionality?
Thanks

3D Reviewer has very basic functionality.
I suggest getting your hands dirty with programing. I think it may be the only option for sophisticated outputs.
Download the latest Acrobat Javascript SDK. Make a document level JavaScript and use a timer and an iterative loop to cycle through all the parts you want to show/hide.

I am trying to create a simple animated gif in Photoshop. I've set up my frames and want to use the tween to make the transitions less jerky. When I tween between frame 1 and frame 2 the object in frame two goes out of position, appearing in a different p

I am trying to create a simple animated gif in Photoshop. I've set up my frames and want to use the tween to make the transitions less jerky. When I tween between frame 1 and frame 2 the object in frame two goes out of position, appearing in a different place than where it is on frame 2. Confused!

Hi Melissa - thanks for your interest. Here's the first frame, the second frame and the tween frame. I don't understand why the tween is changing the position of the object in frame 2, was expecting it to just fade from one frame to the next.

Simple animation software for Arch?

Can anyone suggest a simple animation program for Linux; something similar to AnimationShop for windows. I know there's gimp-GAP, but that seems to be fairly advanced for my purposes. I just want to be able to string together images into .gif or video, perhaps with an 'onion layer' feature so you can see the previous frame transparently; that sort of thing.
I use gnome, so preferably something for GTK, or at least if it's KDE, that depends only on QT and not KDE packages.
Any ideas?
Thanks.
Fishonadish

skottish wrote:You don't actually need GAP to do animated Gifs in Gimp. All you need to do is add all the frames that you want as layers in one image, then save as Gif. Gimp will ask you if you want to flatten the image or make an animation out of it. If you choose animation, it will ask you for a frame rate.
Thanks. I realised this eventually and got it done that way.
Still, out of curiosity are there any 'film-strip' type animation programs out there?
Fishonadish

Simple animation help

Similar Messages

Maybe you are looking for