Animating .gif on .gif background

hi,
i am making a little fish game where you can click directional buttons to move fish .gifs around a fish tank.
i am trying to display .gif pictures of fish on top of my background, im struggling with paint and update and layeredpanes and whether to use a thread.
if i can display a fish and know it's x and y co-ordinates that would be a great help. heres the code for the main window:
import java.awt.*;
import java.awt.event.*;
import java.awt.Image.*;
import javax.imageio.*;
import java.io.*;
import javax.swing.*;
import javax.sound.sampled.*;
import java.awt.image.ImageObserver.*;
//                      Main Window
//            | ________________    ________ |
//            ||     fish       || |        || < information
//            ||                || |________||
// animation >||                || |        || < variables
//            ||   fish         || |________||
//            ||                || |________|| < actions
//            ||                ||  _ _ _    |
//            ||           fish || |_|_|_|   | < directions
//            ||                || |_|_|_|   |
//            ||________________|| |_|_|_|   |  
//Driver Class
public class mainWindow
    FishGame game1;
    public mainWindow(int diff, FishGame fG)
        Frame f = new fishWindow("Let's Get Battered");
        f.pack();
        f.setVisible(true);
        int difficulty = diff;
        game1 = fG;
        Dimension dim = Toolkit.getDefaultToolkit().getScreenSize();
        // Determine the new location of the window
        int w = f.getSize().width;
        int h = f.getSize().height;
        int x = (dim.width-w)/2;
        int y = (dim.height-h)/2;
        // Move the window
        f.setLocation(x, y);
//Frame Class
    class fishWindow extends Frame
        //Constructor
        public fishWindow(String title)
            super(title);
// Panels & layout ---------------------------------------
            setLayout(new BorderLayout(20,10));
            setBackground(Color.gray);
            JPanel directionsPanel = new JPanel();
            JPanel actionsPanel = new JPanel();
            JPanel variablesPanel = new JPanel();
            JPanel informationPanel = new JPanel();
            JPanel animationPanel = new JPanel();
            JPanel eastContainerPanel = new JPanel();
            JLayeredPane layeredPane = new JLayeredPane();
            eastContainerPanel.setLayout(new GridLayout(4,1));
            directionsPanel.setLayout(new GridLayout(3,3));
            actionsPanel.setLayout(new GridLayout(1,3));
            informationPanel.setLayout(new GridLayout(3,2));
            add("West", animationPanel);
            add("East", eastContainerPanel);
            eastContainerPanel.add(informationPanel);
            eastContainerPanel.add(variablesPanel);
            eastContainerPanel.add(actionsPanel);
            eastContainerPanel.add(directionsPanel);
            addWindowListener(new WindowCloser());
// anitmationPanel ---------------------------------------
             //****************background**********************//
             Image tank = null;
             try
                 File file = new File("fishbackground.gif");
                 tank = ImageIO.read(file);
             catch (IOException e)
             JLabel background = new JLabel(new ImageIcon(tank));
             //*******************images***********************//
             Toolkit toolkit = getToolkit();
             Image fish1 = null;
             fish1 = toolkit.createImage("fish1.gif");
             Image fish2 = null;
             fish2 = toolkit.createImage("fish2.gif");
             Image fish3 = null;
             fish3 = toolkit.createImage("fish3.gif");
             Image whale = null;
             whale = toolkit.createImage("whale.gif");
             //*******************drawing***********************//            
             JLabel fish1Label = new JLabel(new ImageIcon(fish1));
             layeredPane.add(background, new Integer(0));  //low layer
             layeredPane.add(fish1Label, new Integer(1));  //high layer
             animationPanel.add(background);
             animationPanel.add(fish1Label);
// actionsPanel ------------------------------------------
            JButton Eat = new JButton("Eat");
            JButton Attack = new JButton("Attack");
            Eat.addActionListener(new ButtonListener());
            Attack.addActionListener(new ButtonListener());
            actionsPanel.add(Eat);
            actionsPanel.add(Attack);
// directionsPanel ---------------------------------------
            JButton up = new JButton();
            JButton down = new JButton();
            JButton left = new JButton();
            JButton right = new JButton();
            JButton topleft = new JButton();
            JButton topright = new JButton();
            JButton bottomleft = new JButton();
            JButton bottomright = new JButton();
            JButton middle = new JButton();
            up.setIcon(new ImageIcon("arrow_up.gif"));
            down.setIcon(new ImageIcon("arrow_down.gif"));
            left.setIcon(new ImageIcon("arrow_left.gif"));
            right.setIcon(new ImageIcon("arrow_right.gif"));
            topleft.setIcon(new ImageIcon("arrow_topleft.gif"));
            topright.setIcon(new ImageIcon("arrow_topright.gif"));
            bottomleft.setIcon(new ImageIcon("arrow_bottomleft.gif"));
            bottomright.setIcon(new ImageIcon("arrow_bottomright.gif"));
            middle.setIcon(new ImageIcon("arrow_middle.gif"));
            directionsPanel.add(topleft);
            directionsPanel.add(up);
            directionsPanel.add(topright);
            directionsPanel.add(left);
            directionsPanel.add(middle);
            directionsPanel.add(right);
            directionsPanel.add(bottomleft);
            directionsPanel.add(down);
            directionsPanel.add(bottomright);
// informationPanel --------------------------------------
            JLabel name = new JLabel(game1.getName());
            JLabel day = new JLabel("Day: "+String.valueOf(game1.getDay()));
            JLabel turn = new JLabel("Turn: "+String.valueOf(game1.getTurn()));
            JLabel fishType = new JLabel("Fish: "+game1.getFishType());
            JLabel fishSize = new JLabel("Size: "+String.valueOf(game1.getSize()));
            JLabel hP = new JLabel("Health: "+String.valueOf(game1.getHp()));
            informationPanel.add(name);
            informationPanel.add(day);
            informationPanel.add(turn);
            informationPanel.add(fishType);
            informationPanel.add(fishSize);
            informationPanel.add(hP);
// variablesPanel --------------------------------------
            TextField stomach = new TextField();
            TextField xpos = new TextField();
            TextField ypos = new TextField();
        } // END class FishWindow
        class ButtonListener implements ActionListener
            public void actionPerformed(ActionEvent x)
                //if {}
                //else{}
        class WindowCloser extends WindowAdapter
            public void windowClosing(WindowEvent x)
                System.exit(0);
}

In the future, Swing related questions should be posted in the Swing forum.
im struggling with paint and update There is no need to override those methods. That is a technique used an AWT applications.
and layeredpanes Read the Swing tutorial on [url http://java.sun.com/docs/books/tutorial/uiswing/components/layeredpane.html]How to Use Layered Panes. One key is that layered panes use a null layout, which means you must set the bounds (size and location) of the component you add to the layered pane. If you don't the size is 0 and the component will not be painted.
and whether to use a thread.Not sure what you mean by this. If the user click the button you simply change the location of the image in the direction indicated. If you want the fish to continue moving in that direction until another button is clicked then you would use a Swing Timer to schedule the movement at a regular interval. The tutorial also has a section on Timers.
> layeredPane.add(background, new Integer(0));  //low layer
layeredPane.add(fish1Label, new Integer(1)); //high layer
animationPanel.add(background);
animationPanel.add(fish1Label);A component can only be added to a single parent.
TextField stomach = new TextField();Don't use AWT components in a Swing application
> add("West", animationPanel);Don't use literal strings to specify the constraint use:
add(animationPanel, BorderLayout.WEST)

Similar Messages

  • Animated gif with transparent background

    When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
    If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
    I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
    Do I do something wrong in Keynote ?

    This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
    To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
    Good luck!

  • Using animated gifs with transparent background.

    Hi guys,
    Keynotes 6.2.
    I have been onto apple support with this problem.
    I add a transparent animated gif to my project.
    It show as a movie correctly in the presentation but when exported as quicktime or HTML the movies fail.
    We eventually found out that quicktime does not support animated gifs. ( support.apple.com/kb/ht3775 )
    So I exported the animation onto a folder with all the frames separately and brought them into final cut pro.
    I then followed these tutorials on how to export with transparent background. ( http://provideocoalition.com/mspencer/video/fcp-x-and-alpha-channels and http://www.larryjordan.biz/fcp-export-transparency ).
    I now have a quicktime movie that if I bring back into Final Cut Pro it has a transparent background.
    However when I bring into keynotes it still has a black background. (presumably keynotes does not recognise the  Apple Prores 444).
    Any ideas how I can achieve what I need. ?
    I am using a program called crazytalk animator and can output with transparent background. Animated Gif or a series of image stills BMP, JPEG, TGA or PNG.
    Cheers
    SteveW

    This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
    To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
    Good luck!

  • Gif loader for background image

    I simply want to run an animated gif while my background image loads for a slideshow.
    I've searched the web and this forum for hours and can't get the various bits of code tips (ajax, jquery) to work because I'm a totaly idiot when it comes to code...i've tried cutting and pasting in many different configurations but can't get anything to work properly.
    Can someone help me out to get this to work?
    I have this slideshow:
    http://www.piquecollaborative.com/fox.html
    and want an animated gif to run during load of each page
    gif is this:
    http://www.piquecollaborative.com/images/loading.gif
    here is my code for the page(s)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="Matthew Fox Residence by PIQUE architecture, Peter Jahnke, Eric Meglasson" />
    <meta name="keywords" content="pique llc, architecture, emerging architects, young architects, northwest, peter jahnke, eric meglasson, keith ballantyne, collective studio, collected design" />
    <title>PIQUE: Fox House</title>
    <style type="text/css">
    .projectpage {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333;
    body,td,th {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333;
        font-size: 12px;
    body {
        background-image: url(images/fox-01.jpg);
        background-repeat: no-repeat;
    #title {
        position:absolute;
        width:350px;
        height:65px;
        z-index:1;
        left: 10px;
        top: 10px;
    #apDiv1 {
        position:absolute;
        width:108px;
        height:161px;
        z-index:2;
        top: 3px;
        left: 8px;
    #apDiv2 {
        position:absolute;
        width:237px;
        height:160px;
        z-index:3;
        left: 118px;
        top: 3px;
        text-align: right;
    #text {
        position:absolute;
        width:351px;
        height:194px;
        z-index:4;
        left: 10px;
        top: 90px;
        background-image: url(images/fox-01.jpg);
    #project-text {
        position:absolute;
        width:355px;
        height:300px;
        z-index:5;
        top: 288px;
        text-align: justify;
        left: 13px;
    #right-arrow {
        position:absolute;
        width:90px;
        height:330px;
        z-index:6;
        left: 915px;
        top: 270px;
    </style>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body class="projectpage" onload="MM_preloadImages('images/arrow-rt-inv.png')">
    <div id="title"><img src="images/fox-title.gif" width="350" height="65" /></div>
    <div class="projectpage" id="text">
      <div id="apDiv2">Fox House<br />
        central Oregon<br />
        single family residence<br />
        4175 sqft<br />
        2010<br />
        Timberline construction, Elemental engineering </div>
      <div id="apDiv1">name:<br />
        location:<br />
        type:<br />
        size:<br />
        year:<br />
        collaborators: </div>
    <img src="images/line-dot-small.png" width="361" height="5" /><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <img src="images/line-dot-small.png" width="361" height="5" /> </div>
    <div id="project-text">
      <p> This home sits on a bluff  overlooking rolling sagebrush meadows   in Oregon&rsquo;s  High Desert  with views of the Cascade Mountains dominating    the western horizon. The owners, Matthew and Margherita Fox requested   an  extremely durable and energy efficient home for their family.  The   request  for a net zero house necessitated extensive use of photovoltaic   panels, ground  source heat-pumps, careful consideration of day   lighting and shading  strategies, and a super-insulated structure.  </p>
      <p>Italian architect and  childhood friend Maria Chiara Trevisan   created the original vision for the structure  as a gift to the Foxes.    The three masses, originally conceived as  parallelepipedo (rectangular   cubes) resting at various angles in the earth,  evolved into three   shelled structures clad in stone, a loose reference to the  Three   Sisters mountains which dominate the home&rsquo;s view.</p>
      <p>Photos by Nicole Werner, Bob Woodward, Peter Jahnke</p>
    </div>
    <div id="right-arrow"><a href="fox02.html"><img src="images/arrow-rt.png" alt="" name="Image1" width="48" height="48" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/arrow-rt-inv.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
    </body>
    </html>
    can anyone help me get a leg up on this?  Sorry to be such a noob.  This is not my trade and i have more respect for you all now than ever before!  sorry again,

    You might want to reconsider the use of absolutely positioned div's for layout purposes...
    it often leads to big difficulties.http://www.apptools.com/examples/pagelayout101.php
    Regarding your loading gif, try defining a container for the picture
    and position your loading gif as a centered non-repeating background for container
    and insert your image in the container.

  • Can't open gif with transparent background?

    Hey everyone, I'm just having a little issue with Photoshop at the moment.
    I keep trying to open up some animated gifs that have transparent backgrounds, because I want to edit them and delete some frames . I know for a fact that the backgrounds are transparent because I've hosted them on websites before.
    Now, when I try to open up the gifs, i go to: import> video frames to layers> type in *.* > open gif
    The gifs ALWAYS open up with a white background. Is there any way around this so they open with the transparent background? Could I try opening them a different way maybe?
    Thanks in advance

    GIFs do not have genuine transparency. Only a specific color in teh palette is tagged as being transparent on saving, and that is done in Save for Web. You are misunderstanding how the file format works and the behavior is therefore otherwise correct. Your only option to preview that transparency in PS would be to edit the color palette under Image --> Mode --> Color Table or convert to RGB mode and remove the fill using selections. Anyway, moot point. No matter how you do it, you cannotr circumvent teh file format's limitations.
    Mylenium

  • How can you make a psd gif  have transparent background for use in photoshop ?

    Hi Guys
    I'm trying to produce a 2d animation within premier pro cc using photoshop cc and
    i was just intrested if there is some way of changing a gif's  standard background to 
    a transparent background which i can then import  into premier pro cc to produce a 2d animation
    Thanks

    every time i export the image lots of tif files pop up on my desktop is there a more simpler way of producing a file which i can drag and drop into premier pro as an animation with a transparent background ?

  • Play white animation over fixed colour background...how ?

    Hi
    Pshop CS2
    I have 5 layers with white artwork and a black filled layer but make animation sees also the black background end up flashing on and off. Can one have a frame to stay under the animation and stay on at all times ?
    Obviously if this was in Flash it would sit on a lower layer and exist for the entire duration of the animation, but I am hoping to avoid keep having to take artwork as png into pshop , create movie clip, etc etc then back to photoshop to adjust artwork.
    I also could do with altering the fps to suit my flash fps...again how ?
    Envirographics

    If at sometime you upgrade to CS6 you can convert an frame amimation to a video timeline and render it as an mp4. It is also posible to flatten a frame animation frames to Photoshop layers export tthe layers as png-24  The a free Animated PNG program like APNG Anime Maker maked  can make an Animated png file.  Note the only some browsers support animated png file. Some browsers like Chrome will have available extention that will support animated png.  Most browers thar do not support animated png will decode the first frams and display a still.  Animated png look better then animated gifs look at this link http://http://furthiahigh.concessioncomic.com/forum/viewtopic.php?f=8&t=6143  Animated png also are bigger files the gif files.
    Large animated png and gif scaled down with HTML png on left note how long it takes to start to animate for the file is large compared to the gif.
    Now the full size png and gif note how much better the png on top is. That is wht the gif needs to be scaled down using HTML.

  • Why do I get this ATT00028.gif ATT00031.gif instead of the picture in my emails

    Many times when I receive an email from an other apple computer to my macbookpro I get <Att00028.gif><ATT00031.gif> or a similar message instead of the picture?

    HI,
    Ah, the old Windows Live Mail red x issue.
    I would suggest that you have different friends email different size images to you and observe the results.  The problem may be on the other end.
    Comcast does offer its own email web interface so you might give that a try or perhaps other free email clients.
    You might want to consider disabling your antivirus program for a test.
    I have used Outlook with Comcast for years and it works quite well for my needs. For mobile devices, I send a copy to gmail and then use the gmail client.
    HP DV9700, t9300, Nvidia 8600, 4GB, Crucial C300 128GB SSD
    HP Photosmart Premium C309G, HP Photosmart 6520
    HP Touchpad, HP Chromebook 11
    Custom i7-4770k,Z-87, 8GB, Vertex 3 SSD, Samsung EVO SSD, Corsair HX650,GTX 760
    Custom i7-4790k,Z-97, 16GB, Vertex 3 SSD, Plextor M.2 SSD, Samsung EVO SSD, Corsair HX650, GTX 660TI
    Windows 7/8 UEFI/Legacy mode, MBR/GPT

  • How to resize the Icon such as 1.gif, 2.gif, 3.gif etc at my will??

    Dear friends:
    I have following code to add the Icon to the nodes of the JTree,
    But I hope to resize the Icon such as 1.gif, 2.gif, 3.gif etc at my will, not fixed one, How can I do it??
    Thanks
    Sunny
    import java.awt.*;
    import java.awt.event.*;
    import javax.swing.*;
    import javax.swing.tree.*;
    /** JTree with missing or custom icons at the tree nodes.
    *  1999 Marty Hall, http://www.apl.jhu.edu/~hall/java/
    public class CustomIcons extends JFrame {
      public static void main(String[] args) {
        new CustomIcons();
      private ImageIcon customOpenIcon           = new ImageIcon("1.gif");
      private ImageIcon customClosedIcon      = new ImageIcon("2.gif");
      private ImageIcon customLeafIcon           = new ImageIcon("3.gif");
      public CustomIcons() {
        super("JTree Selections");
    //   WindowUtilities.setNativeLookAndFeel();
    //   addWindowListener(new ExitListener());
        Container content = getContentPane();
        content.setLayout(new FlowLayout());
        DefaultMutableTreeNode root =
          new DefaultMutableTreeNode("Root");
        DefaultMutableTreeNode child;
        DefaultMutableTreeNode grandChild;
        for(int childIndex=1; childIndex<4; childIndex++) {
          child = new DefaultMutableTreeNode("Child " + childIndex);
          root.add(child);
          for(int grandChildIndex=1; grandChildIndex<4; grandChildIndex++) {
            grandChild =
              new DefaultMutableTreeNode("Grandchild " + childIndex +
                                         "." + grandChildIndex);
            child.add(grandChild);
        JTree tree1 = new JTree(root);
        tree1.expandRow(1); // Expand children to illustrate leaf icons
        JScrollPane pane1 = new JScrollPane(tree1);
        pane1.setBorder(BorderFactory.createTitledBorder("Standard Icons"));
        content.add(pane1);
        JTree tree2 = new JTree(root);
        tree2.expandRow(2); // Expand children to illustrate leaf icons
        DefaultTreeCellRenderer renderer2 = new DefaultTreeCellRenderer();
        renderer2.resize(100, 100);
        renderer2.setOpenIcon(null);
        renderer2.setClosedIcon(null);
        renderer2.setLeafIcon(null);
        tree2.setCellRenderer(renderer2);
        JScrollPane pane2 = new JScrollPane(tree2);
        pane2.setBorder(BorderFactory.createTitledBorder("No Icons"));
        content.add(pane2);
        JTree tree3 = new JTree(root);
        tree3.expandRow(3); // Expand children to illustrate leaf icons
        DefaultTreeCellRenderer renderer3 = new DefaultTreeCellRenderer();
        //renderer3.setPreferredSize(new Dimension(100, 100));
        renderer3.setOpenIcon(customOpenIcon);
        renderer3.setClosedIcon(customClosedIcon);
        renderer3.setLeafIcon(customLeafIcon);
        tree3.setCellRenderer(renderer3);
        JScrollPane pane3 = new JScrollPane(tree3);
        pane3.setBorder(BorderFactory.createTitledBorder("Custom Icons"));
        content.add(pane3);
        pack();
        setVisible(true);
    }

    Thanks,
    I declare as :
      private ImageIcon customOpenIcon           = new ImageIcon("com/aa/1.gif");
      private ImageIcon customClosedIcon      = new ImageIcon("com/aa/2.gif");
      private ImageIcon customLeafIcon           = new ImageIcon("com/aa/3.gif");but which method for customOpenIcon can be used as scale its size??
    Is it
    customOpenIcon.getImage().SCALE_AREA_AVERAGING;??
    why show red??
    I checked these, cannot find it, can you advice more or I select a wrong component??
    Thank
    sunny

  • Adding Edge animation to my website background

    Hi
    I am stuck with adding the animation I made on Adobe Edge to my website background. My website background has an image which size is set to cover, to it scales according to browser window and has also fixed position.
    My goal is to get my animation instead of ths background image (animation is as simple as it can get). The best that I've managed was to get the animation on the page but it was not covering the browser windoe AND it pushed all the content that was supposed to be on it, away.
    My website is this: www.tihemetsamoto.ee/uus2013
    You can see that it the content is horizontally scrolling and the backgrond mage is fixed. That's what I like my animation to be, behind the content, fixed and cover the browser window on resize.
    PLEASE help me, Im stuck and don't know what to do
    The code from the animation html is here:
    <!DOCTYPE html>
    <html style="height:100%;">
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
              <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="animation_edgePreload.js"></script>
        <style>
            .edgeLoad-anime { visibility:hidden; }
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <body style="margin:0;padding:0;height:100%;">
              <div id="Stage" class="anime">
              </div>
    </body>
    </html>

    Kristina-
    There may be hope!
    In this thread:
    Hiding background animation elements that are beyond the edge stage?
    The following link was posted:
    http://sharkology.businesscatalyst.com/index.html
    I don't know for sure what they are using for a background (If you expand the browser window on their site, you will see a shark "swimming" in the background) but you might want to ask.
    I saw this in their code which made me a bit hopeful for you!
    <body id="eid_1368298992414" class="EDGE-37128740">
    Good Luck!
    James

  • How to export animated gif with transparent background and glow effect?

    I've been having issues lately with creating animated gifs in flash. I finally figured out a way to export a gif with a transparent background but I'm now having an issue with it again because I'm using a glow effect. When the gif is exported the glow effect changes into a very poor quality and becomes less of a glow and more like a solid color. I've even exported a png sequence from flash and put it into photoshop then created a gif from there but I'm still having the same issue. Is there anyway I can properly export this in gif form so the quality is the same as when I test it in flash?
    I've provided an image of what my issue looks like and the settings (I've messed around with the settings and this is the best I can come up with) . This is in photoshop but the result is similar in flash. The left one is what it originally looks like and the right is what it will look like after exporting. As you can see as I said before the glow changes into more of a solid color kind of like a border. Any help would be greatly appreciated, thanks in advance!

    A GIF is limited to 256 colors while a glow effect likely wants to tie up thousands (let's just say 'lots') of variations of tone.

  • Animated gif layered above background image

    I have a static background image which is displayed in a JPanel. I need to display animated gifs at certain positions on the base image. For every new frame of the animation, the paint method is called whcih attempts to load the entire base image + all the new animated images which is extremely slow!. It also means the animated gif keeps on getting loaded, and seldom gets beyond the first frame.
    Im sure many people have had to do something like this. Is the solution to draw the gifs on the glasspane (or use layered panes), and to have a seperate paint method? or is their a simple approach like setting a special clip area.

    thanks for the help...
    The size of the background image is approx 400*400 pixels (gif or jpg), and the icons are 25*25, and have between 1 and 6 frames.
    Here comes the code... I havent finished with the mediatracker stuff, but youll get the idea Im sure.
      public void paint(Graphics g) {
        MediaTracker tracker = new MediaTracker(this);
        tracker.addImage(image,0);
        try {tracker.waitForID(0);}
        catch (InterruptedException e){}
        g.drawImage(image, 0, 0, this); //draw background image (approx 400*400 pixels)
        int ICON_ID = -1;
        Image img;
        //draw all the icons...
        //all icons have between 1 and 6 frames. 25*25 pixels.   
        for (int i = 0; i < icon_IDs.size(); i++) {
          try {
            ICON_ID = new Integer(icon_IDs.elementAt(i).toString()).intValue();
            Point p = dm.getIconPosition(ICON_ID);
            if (isAlarm(ICON_ID)) {        //ITS AN ALARM - use animated gif
              img = getAlarmImage(ICON_ID);
            else                          //NORMAL ICON - no animation
              img = DataDefinition.getImageIcon(dm.getIconType(ICON_ID)).getImage();
            tracker.addImage(img,0);
            try {tracker.waitForID(0);}
            catch (InterruptedException e){}
            int width = DataDefinition.getSize(dm.getIconType(ICON_ID)).width;
            int height = DataDefinition.getSize(dm.getIconType(ICON_ID)).height;
            g.setClip(p.x, p.y, p.x+width, p.y+height);
            g.drawImage(img, p.x, p.y, p.x+width, p.y+height, 0,0,img.getWidth(this),img.getHeight(this),this);
          catch (SQLException sqle) {
            System.out.println("Could not find position of icon : " + ICON_ID);
      }

  • Animated GIF as a background image on a C5-00?

    Is there any way to get animated GIFs runnig as a background image on a C5-00? At the moment, it just shows a still picture....

    Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.

  • How do i export a flash movie as an animated gif with transparent background?

    each export has the background in it.
    I have looked into the publish setting for gif but no option there, or in the background colour setting in the main design window has any Alpha or Transparency setting.

    Thought that issue went away. The only workaround I found was exporting a PNG sequence with transparency, importing it all back into a better animated GIF exporter like Fireworks as an image sequence and exporting it from there again. It will give you the best quality, control over the timeline, looping and various per-frame AGIF functionality.
    But yes, it's a multi-step headache.

  • Gif with white background

    I am trying to export an animated gif for a web banner on our homepage. The background is supposed to be white but everytime I export via AME it the background looks slightly blue. Not sure what to do.
    The colour space is sRGB 8 bit so that would seem to be fine to me...

    I figured it out myself. I exported my AE comp as a png sequence , imported into Photoshop then saved the gif out of there.
    Cheers.

Maybe you are looking for