1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

What would be the best way to accomplish this web animation I want to make?

Discussion in 'Graphics & Multimedia' started by Soliloquy, Sep 21, 2017.

  1. #1
    Over on the site flyingwhiledisabled.com, I have an image of an airplane with a wheelchair being kicked out of it. I've added the clouds to the background using a Jquery library called Spritely, but having moving clouds with a static image to show a wheelchair that should be falling looks weird. I'd like the airplane to also have some movement as shown in the Spritely demo, but if I just make the entire image with the wheelchair move around that will look weird as well. I considered making a large animated GIF that would have the cargo hatch on the airplane closed initially, then open, then have the wheelchair get kicked out, reach a peak, and then drop straight down, but the file size to that would be huge. It would save room if I could just have the airplane image with a simple animation of a cargo hatch open and another frame, and move it around on the page with Spritely, and then have the separate wheelchair image initially start out small and then get larger as it follows a path, then drop straight down and disappear. Not sure how I could get the cargo hatch animation to play at the correct time though. Any ideas how this can be done without horrendous file sizes?
    SEMrush
     
    Soliloquy, Sep 21, 2017 IP
    SEMrush