Image smooth tween

I have five images in a row on my site and every now and then
when I roll mouse over one up comes the other and then I try to
close one and the other is jittering. Why?
I created a movie clip for each image and also a movie clip
within each movie clip.
I did a motion tween on first frame for each and the tween
goes to frame 8. I also put '8' in the ease box.
I placed a -- stop(); -- on frame one and frame two. The
transition is from small to large. On the scene, I wrote:
on (rollOver) {
this.gotoAndPlay(2);
this.swapDepths(1);
on (rollOut) {
this.gotoAndPlay(8);
Why are images jittering every now and then. Perhaps the ease
is too high. It is on 8. Not sure. Please advise. Thanks.
[email protected]

Thanks for your reply. I have solved the situation.
on (rollover) {
this.gotoAndPlay(2);
this.swapDepths(1);
on (rollOut) {
this.gotoAndPlay(1);
All I had to do was put a (1) after "this.gotoAndPlay(1);"
That was on the last frame before, reason for the flickering
and the overlapping of images/running at same time.
They run perfect now!!!!!! One runs and closes when mouse is
off/onto next image. Perfect.

Similar Messages

  • Smooth tweening?

    First of all, i'd like to apologise for my stupid nickname.
    It seemed every nick was already taken (even some that i'm pretty
    sure nobody used) and i got a bit frustrated and just pushed some
    keys at random and of course... That name was available. I don't
    know how to change it so now i'll probably always be known as
    "dafgsdggggg". :)
    Anyway, my question is about tweens. Smooth tweens.
    When i create a timelinebased motion tween i usually crank up
    the framerate to 30 so it'll run smoothly, i also enable "runtime
    bitmap caching" and this is many times more than enough. However,
    if i'd like to make a "discreet" movement where the object almost
    "hovers" in place, my animations get very "jagged" and are very
    unpleasing to the eye. This example here with the red letters is
    exactly what i'm after and now i'd like to ask for directions how
    to approach the problem.
    The top-banner:
    http://www.adobemagazine.com/
    Are these actionscript tweens?

    At the end of everything, simply fade in to the first image,
    then loop... or at the beginning, have it fade in.

  • [svn:osmf:] 15505: Fix image smoothing, which had been broken as a result of some changes to how the display object of an ImageElement is exposed .

    Revision: 15505
    Revision: 15505
    Author:   [email protected]
    Date:     2010-04-16 09:29:26 -0700 (Fri, 16 Apr 2010)
    Log Message:
    Fix image smoothing, which had been broken as a result of some changes to how the display object of an ImageElement is exposed.  Add integration test.
    Modified Paths:
        osmf/trunk/framework/OSMF/org/osmf/elements/ImageElement.as
        osmf/trunk/framework/OSMFIntegrationTest/org/osmf/elements/TestImageElementIntegration.as

    That's a comment in the file. It has no effect at all.

  • Flash Antialiasing (or is it image smoothing...)

    How do you turn off image smoothing or antialisaing in Flash
    CS3?
    Have a look here to see what flash does:
    Image
    The green is what it should look like, the red is what Flash
    makes it look like.
    If I select 'Fast' under the preview mode, it shows perfectly
    but thats not permanent.

    It doesn't look like much but it happens more with some of
    the other images.
    See the left guys right ear...

  • Image gallery tweening issue

    Hi,
    I use this smooth, nice (and simple) image gallery, and I am very happy with it. However sometimes some of the images stops when rolling in, and I have to press Fw again to jump to the next one. I can't figure out where the bug lies, as I mentioned it appears rarely but it blows up the whole thing.
    Maybe somone could take a look at it:
    Thanks!
    import fl.transitions.Tween;
    import fl.transitions.easing.*;
    import flash.utils.Timer;
    import flash.events.TimerEvent;
    var currentImg:uint = 0;
    image_2.x=-1500;
    var imgArrayFw:Array = new Array(image_2, image_1, image_3, image_4, image_5, image_6);
    var imgArrayBw:Array = new Array(image_2, image_1, image_3, image_4, image_5, image_6);
    buttonFw_btn.addEventListener(MouseEvent.CLICK, doNextTween);
    function doNextTween(e:MouseEvent):void
        imgArrayFw[currentImg].x = -imgArrayFw[currentImg].width;
        var myTween:Tween = new Tween(imgArrayFw[currentImg], "x", Strong.easeInOut, imgArrayFw[currentImg].x,0, 2, true);
        addChild(imgArrayFw[currentImg]);
    addChild(buttonFw_btn);
    addChild(buttonBw_btn);
    currentImg = (currentImg+1)%imgArrayFw.length;
    buttonBw_btn.addEventListener(MouseEvent.CLICK, doPrewTween);
    function doPrewTween(e:MouseEvent):void
        imgArrayBw[currentImg].x = imgArrayBw[currentImg].width;
        var myTween:Tween = new Tween(imgArrayBw[currentImg], "x", Strong.easeInOut, imgArrayBw[currentImg].x,0, 2, true);
        addChild(imgArrayBw[currentImg]);
    addChild(buttonBw_btn);
    addChild(buttonFw_btn);
    currentImg = (currentImg+1)%imgArrayBw.length;

    I'd recommed never using the included Tweening classes and start using a good tweening engine like TweenLite/TweenMax from greensock.com. The Adobe ones are slow and problematic - one of the issues they have is tweens stopping like you described. It should be pretty simple to swap out to using tweenlite and once you do, you'll find the syntax much easier.

  • Image motion tween

    I'm trying to motion tween jpeg image from one side of the
    screen to another but by the motion everything gets so framey
    instead
    running smoothly. I tried to convert image to the movie clip
    and I tried increase
    number of frames and fps but with no succes. Image is still
    "jearking" while
    moving across flash stage. Is there anything that can be done
    so that image moves smoothly?
    Beginer looking for help.....
    Appreciate your help,
    JM

    ok, so it looks like the images are 'bigger' than the initial
    image size, because you then 'zoom' in on it, so this is part of
    the problem, because Flash has to recalc and draw the MC on every
    iteration of the tween. Second, they are under a mask, right? Q
    though - you're using a timeline tween correct?
    So a couple of things that may help, first, in each MC that
    contains an image, turn on the 'cacheAsBitmap' property, in the
    properties panel. try that.
    If that's not enough, take the entire timeline containing the
    image MCs and place it within a 'master' MC, find the dimensions
    and placement of your mask in relation to the main timeline (ie.
    global space), then remove it. Create a 'blank' MC with insert
    Symbol command, place an instance on the stage at the x,y of the
    mask's previous location. then in code use the 'scrollRect'
    property to define the viewable area (the masks dimensions) you
    will need to pass a Rectangle class object in the parameter. also
    make sure to turn on the cacheAsBitmap property for the new symbol
    instance. finally, place the 'master' MC in position within the new
    symbols timeline.
    third, if that's still not enough, you could go a step
    further and load the images into BitmapData objects and then place
    them with code, but this is a lengthy process to explain, i think
    maybe try some of these other things first.
    additionally, you could change the timeline tween (assuming
    that's what it is) to a Tween class code constructed tween series
    and remove almost everything from the timeline.

  • In Premiere CS5 how do you move a still image smoothly?

    I am working with a colleague and we want to be able to move an image on the screen to another location on screen but it needs to look natural. The movement needs to accelerate from stand still, then be continuous movement and then decelerating movement to a halt when the image has finally moved to the desired position on screen. We want it to look like someone has scrolled it a bit like an ipad picture viewer when the person swipes it.
    Is there a simple tool to do this like the PowerPoint animation motion paths tool which has options of smooth start and smooth end to accelerate at the start and decelerate the movement at the end. We need a straightforward way to do it as we will be doing many of these movement effects on a regular basis.
    Any ideas? Have we missed something really obvious?

    Hi Jim and Admiral Cook...
    Well we had fun and games this morning with the suggestions and can report that doing what Jim suggested first of all was the way to go... and then fine tuning it with what Admiral Cook said afterwards.
    So Right click on key frames and then go to temporal interpolation and select Ease out on the first key frame and then add another key frame, move the image to the desired location and add Ease in for the second key frame and it does the job. At first we thought it was ease in for the first key frame and then ease out for the second key frame... but it is the other way around!
    When we wanted to see exactly what was going on we viewed the velocity adjustment graph and it all made much more sense and we could make any adjustments necessary by moving the adjustment node. So thanks to both of you for an excellent result.
    Thanks.

  • Safari Image Smoothing Bug

    Hey there,
    I'm browsing the web using Safari 6.0.5 on a MacBook Pro 15" Retina running OS 10.8.4
    From time to time Safari does NOT smooth downscaled images correctly.
    The issues seems to occur randomly with no repeating pattern.
    I already tried reseting Safari.
    Whenever I close the browser the issue is resolved.
    Reloading the webpage does not help.
    Additionally all tabs are affected. Even if I open up new ones.
    I attached pictures of the issue.
    Have a look at the digonal lines and round corners.

    Perhaps an extension or incompatible third party plugin  ...
    From your Safari menu bar click Safari > Preferences then select the Extensions tab. Turn that off if there are any installed. Quit and relaunch Safari to test. If that helped, turn extensions back on then uninstall one a time to test.
    If it's not an extensions issue, try troubleshooting third party plug-ins.
    Back to Safari > Preferences. This time select the Security tab. Deselect:  Allow all other plug-ins. Quit and relaunch Safari to test.
    If that made a difference, instructions for troubleshooting plugins here.

  • Drag Moouse to rotate Image Smoothly

    I have to write an application look somewhat like igoogle's eyes. When I click onto an image, then every where I drag my mouse, the image will rotate smoothly (does not move, rotate only) to where my mouse position is? Think of an arrow that will rotate to point to wherever my pointer's position is. Can you guy give me some advices on how to accomplish this. Thanks. I do know the basic things, like how to rotate image and how to move object using MouseMotionListener... Thank in advance.
    Edited by: yunaeyes on May 20, 2009 5:40 PM

    import java.awt.*;
    import java.awt.event.*;
    import java.awt.geom.*;
    import java.awt.image.BufferedImage;
    import javax.swing.*;
    public class SpinMe extends JPanel {
        BufferedImage image;
        double theta = 0;
        Point loc = new Point(140,150);
        public SpinMe() {
            initImage();
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D)g;
            g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                                RenderingHints.VALUE_ANTIALIAS_ON);
            AffineTransform at =
                AffineTransform.getTranslateInstance(loc.x, loc.y);
            double cx = image.getWidth()/2.0;
            double cy = image.getHeight()/2.0;
            at.rotate(theta, cx, cy);
            g2.drawRenderedImage(image, at);
        private void initImage() {
            // make an image
            int w = 80;
            int h = 30;
            int type = BufferedImage.TYPE_INT_RGB;
            image = new BufferedImage(w, h, type);
            // make an arrow
            double cx = w/2.0;
            double cy = h/2.0;
            double len = w;
            double barb = 25.0;
            double phi = Math.toRadians(20);
            Path2D.Double arrow = new Path2D.Double();
            arrow.moveTo(cx-len/2, cy);
            arrow.lineTo(cx+len/2, cy);
            double theta = Math.PI + phi;
            double x = cx+len/2 + barb*Math.cos(theta);
            double y = cy + barb*Math.sin(theta);
            arrow.lineTo(x, y);
            arrow.moveTo(cx+len/2, cy);
            theta = Math.PI - phi;
            x = cx+len/2 + barb*Math.cos(theta);
            y = cy + barb*Math.sin(theta);
            arrow.lineTo(x, y);
            // draw the arrow into the image
            Graphics2D g2 = image.createGraphics();
            g2.setBackground(new Color(210,210,240));
            g2.clearRect(0,0,w,h);
            g2.setPaint(Color.red);
            g2.draw(arrow);
            g2.dispose();
        public static void main(String[] args) {
            SpinMe test = new SpinMe();
            JFrame f = new JFrame();
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.add(test);
            f.setSize(400,400);
            f.setLocation(200,200);
            f.setVisible(true);
            test.addMouseListener(test.ma);
            test.addMouseMotionListener(test.ma);
        private double getTheta(Point p) {
            Point2D.Double ctr = getCenter();
            double dy = p.y - ctr.y;
            double dx = p.x - ctr.x;
            return Math.atan2(dy, dx);
        private Point2D.Double getCenter() {
            int iw = image.getWidth();
            int ih = image.getHeight();
            double cos = Math.abs(Math.cos(theta));
            double sin = Math.abs(Math.sin(theta));
            double width  = iw*cos + ih*sin;
            double height = ih*cos + iw*sin;
            Point2D.Double p = new Point2D.Double();
            p.x = loc.x + width/2;
            p.y = loc.y + height/2;
            return p;
        /** Use MouseInputAdapter for j2se 1.5- */
        private MouseAdapter ma = new MouseAdapter() {
            double offsetTheta;
            public void mousePressed(MouseEvent e) {
                offsetTheta = getTheta(e.getPoint()) - theta;
            public void mouseDragged(MouseEvent e) {
                theta = getTheta(e.getPoint()) - offsetTheta;
                repaint();
    }

  • Why isn't my vector image smooth?

    Hello
    I am wondering if somebody could please help me.
    I have used the pen tool to draw an object in Illustrator CC, but for some reason, some of the curved lines within it are fuzzy and not smooth (almost like "stepped" pixels). This strangely is also the same with text - the curves of the text (no matter what typefont is used) are fuzzy and distorted. This wouldn't be so bad if it didn't show up when printing - I am using a Canon Pixma Pro 10 - but no matter what paper I use (be it standard 80gsm paper or 230gsm Archival Matt paper), the results are still the same. I have tried to simplify the paths created but this does not work either. I also have checked the stroke settings, but these all look fine to me:
    I am able to replicate the issue on new files with the pen and text tool, so believe the issue to be a global setting - I have made sure to set the DPI to 300 when creating a new artboard, but feel like I am missing a trick here. I have searched online for help, but the only thing that people seem to mention is 'anti-alising' - this however does nothing to improve the quality.
    Can anybody see where I am going wrong? No doubt it is something obvious, but I am totally stumped.
    Thanks for your help!

    Hello all
    Thanks for your help.
    The fact that my screen has its limitations never even factored into my thought process. This makes perfect sense. I have been printing straight from AI, which was the problem.
    I have tried to print the file as a PDF - the results are much, much better! (Still not perfect, but I think that it down to the printer settings - I am probably being a little bit unfair TBH, as the print quality is excellent).
    I don't know if this needs to be started as another thread, but I am wondering if anybody has any tips when converting to PDF to ensure that the print quality is as good as it can be?
    Thank you all for contributing once more - this has been bugging me for the best part of 3 days now, so am so pleased that it was nothing too drastic to fix!

  • When adding a tween, images become pixelated

    I've used timline/animation in Photoshop for awhile, but just noticed, when I add tweens between two images, the original images become pixelated when I save as animated GIFs.
    Test #1
    Photoshop file with two layers -- each with a photograph
    Timeline: frame 1 has image from layer 1 and frame 2 has image from layer 2
    Choose Save For Web and the images look pretty goodI realize that GIFs are only 256 colors
    Test #2
    Create Photshop files as in Test #1
    Add a tween with 1 frame
    Choose Save For Web and the images look pretty good
    Test #3
    Create Photshop files as in Test #1
    Add a tween with more than one frame
    Choose Save For Web
    The images are now pixelated
    Trash...
    All but one tween and an image is no longer pixelated, OR
    All tweens and an image is no longer pixelated
    In other words, Saving For Web is fine as long as I don't add any tweens. As soon as I do, the images become pixelated. Take out the tweens, the pixelation goes away. And, I have tried to make all kinds of adjustments to the GIFs.
    Any help would be appreciated!
    Thanks--Robert

    HI Jeffrey:
    I can surely post some photos (screen shots from the Save As Web interface) of what I'm talking about and share the PSD file as well.
    • First image before Tween
    If you carefully look at the light brown vertical paint just behind the girl's right shoulder -- no big pixelated dots. And the guy's sweatshirt looks fairly smooth in transitions from highlights to shadows.
    • Second image after adding Tweens
    You'll now notice all the extra dots -- especially in the vertical brown paint job and other parts of the wall and his shirts.
    And it gets worse with other images/animations I've recently created.
    One thing I didn't mention is that I noticed this a few months back. This morning, I realized that's when I got rid of my old trusty 21" CRT monitor and got an LCD flat panel. I hooked up my old CRT and the dots are gone! But that doesn't resolve the issue of why when you add tweens, does it pixelate.
    Here's a link to the test.PSD file: https://dl.dropboxusercontent.com/u/109581077/test.psd
    Any help would sure be appreciated! And if you need me to create a video of the steps I'm doing, I can do that to.
    Thank you!
    Robert

  • Sick of my tweens not being smooth. What is the secret?

    I am not understanding why a simple alpha tween is staggering
    my processor every time and just making the tween seem slow and not
    smooth.
    I basically have a black movie clip that covers my screen,
    and i want it to fade up. I've tried using mctween for this and on
    the timeline, and it doesn't seem to make a difference.
    the fact that it's large shouldn't really matter, cause it's
    all vector.
    i feel like on some high end flash sites, i see really nice,
    smooth tweens all the time. But why is it that mine seem so far
    away from that?
    I've looked at cacheasbitmap, but is that the answer? My
    frame rate is 30...and I don't have all sorts of animation at the
    same time.
    What are the tricks to get just really smooth tweens?
    Thanks.

    what if you just use a plain vanilla tween:
    import mx.transitions.Tween;
    var myTween:Tween = new Tween(mc, "_alpha",
    mx.transitions.easing.None.easeNone, 100, 0, 1, true);

  • Smoothing external images

    how to load images before creating the image class for enable
    smoothing?
    In this examples the image is embeded. but i need to load the
    image from {data.image}
    examples:
    The first approach uses the BitmapAsset class, where init()
    is called on creationComplete as follows:
    import mx.core.BitmapAsset;
    [Bindable]
    public var mySmoothImage:BitmapAsset;
    [Bindable]
    [Embed(source="assets/image.jpg")]
    public var myImage:Class;
    public function init():void
    smoothImage = BitmapAsset(new myImage());
    smoothImage.smoothing = true;
    The second approach is somewhat more compact, and uses a
    class level embed that extends Bitmap, as follows:
    [Embed(source="Image.jpg")]
    public class smoothImage extends Bitmap
    public function smoothImage()
    smoothing = true;

    If u want to smooth external loaded images use this metod to make it smooth on "complete" event of image all  image loaders  where ever you need the image smoothing . I have implemented it in my flex project . Taken code from this article: http://askmeflash.com/article_m.php?p=article&id=4

  • Font Smoothing GONE--Help!!!

    I'm running 10.6.2, and I pretty much have ZERO font smoothing whenever I ctrl-mouse zoom on any menu, any text, any program. This is on my MacBook Pro (2 years old) that had perfect font smoothing in Leopard.
    I've turned off the CRT checkbox in System Preferences—doesn't help
    I've used Terminal to run defaults -currentHost write -globalDomain AppleFontSmoothing -int 1 and also tried 2 and 3 and even reverting to defaults—doesn't help
    I've used Font Book to validate fonts and remove duplicates (especially after Office 2004 install)—doesn't help
    I've also rebooted after all these operations—still almost zilch smoothing on zoom
    Even Finder looks AWFUL
    Help! My MBP looks like crap now!

    That sounds good. A lot of tests to run! Hate to do the new user test, but will if I have to.
    I am really leaning toward the Option-Command-"\" having (unintentionally) turned OFF Screen Zoom (under mouse or trackpad) Image Smoothing.
    How could it take me so long to learn that there is Font Smoothing, and there is Image Smoothing. TWO DIFFERENT THINGS.
    The Chain of Blame here is so convoluted it hurts my brain.
    1. Evernote was trying to reinstall web clipping and/or its Safari plug-in ever since I converted to Snow Leopard. (Massive evidence of this in Console error messages, and they are hilarious: "Can't get Elephant!" and "Can't install icon!" over and over and over again. Just give it up, Evernote!)
    2. So one day Evernote's interference with Safari messes up my executing the Option-Command-"\" command to log into my bank (it's normally a 1Password keyboard shortcut that works great in Safari).
    3. Option-Command-"\" reverts back to its "normal" designation (turn on/off Screen Zoom (under mouse or trackpad) Image Smoothing).
    4. I hit Option-Command-"\" repeatedly, trying to get the 1Password HUD to pop up in Safari. It doesn't.
    5. By hitting Option-Command-"\" so many times, I unintentionally turn off Screen Zoom Image Smoothing. Only I don't realize it.
    If this theory IS correct, then it's a simple fix!
    The lesson learned would be:
    System Preferences, Personal, Appearance, Font Smoothing
    is a DIFFERENT preference from
    System Preferences, Mouse/Trackpad, (Two Fingers), Screen Zoom, Options, Smooth Images
    Of course, I'll report back just as soon as my SuperDuper backup finishes and I can try this test.
    And if this IS the problem, well, I blame it on the elephant.

  • Inserting image in to database !!

    Hi All,
    I have to insert image in to the database. My image is there in swing object Image. Is there any way to insert that image in to the database.
    Any body having knowledge on this, Please help.
    Thanks in advance.
    Regards,
    Roja.

    Hi
    Take a look to this code I found surfing, it creates an image from url then resize it and return it as byte array that you can use to set a blob in the database:
    public static byte [] resizeImage(URL url,int widthConstraint,int heightConstraint) throws ImageFormatException, IOException
         ImageIcon imageIcon = new ImageIcon(url);
         Image img = imageIcon.getImage();
         int imgWidth = imageIcon.getIconWidth();
         int imgHeight = imageIcon.getIconHeight();
         ImageIcon adjustedImg=null;
         if ( imgWidth>0 && imgHeight>0)//imgWidth > widthConstraint | imgHeight >  heightConstraint )
         if ( imgWidth > imgHeight )
           // Create a resizing ratio.
           double ratio = (double) imgWidth / (double)
            widthConstraint;
           int newHeight = (int) ( (double) imgHeight / ratio );
           // use Image.getScaledInstance( w, h,
           // constant), where constant is a constant
           // pulled from the Image class indicating how
           // process the image; smooth image, fast
           // processing, etc.
           adjustedImg = new ImageIcon(
            imageIcon.getImage().getScaledInstance(
              widthConstraint, newHeight,
              Image.SCALE_SMOOTH )
         else
           // Create a resizing ratio.
           double ratio = (double) imgHeight / (double)
            heightConstraint;
           int newWidth = (int) ( (double) imgWidth / ratio );
           adjustedImg = new ImageIcon(
           imageIcon.getImage().getScaledInstance( newWidth,
              heightConstraint, Image.SCALE_SMOOTH )
         int resizeWidth = adjustedImg.getIconWidth();
         int resizeHeight = adjustedImg.getIconHeight();
         Panel p = new Panel();
         BufferedImage bi = new BufferedImage(resizeWidth, resizeHeight,
         BufferedImage.TYPE_INT_RGB);
         Graphics2D big = bi.createGraphics();
         big.drawImage(adjustedImg.getImage(), 0, 0, p);
         ByteArrayOutputStream os = new ByteArrayOutputStream();
         JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(os);
         encoder.encode(bi);
         byte[] byteArray = os.toByteArray();
         return byteArray;
      else
      return new byte[0];
       }hope this helps.

Maybe you are looking for