1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Animated sprites for cross browser graphics

Discussion in 'Graphic Design' started by shindig, Mar 27, 2013.

  1. shindig

    shindig Registered Member

    Joined:
    Aug 2, 2012
    Messages:
    62
    Likes Received:
    9
    Occupation:
    Programmer
    Location:
    Seattle, WA
    Home Page:
    This is primarily for making 2d game art but could be used on websites to provide cross platform animations. I'm making a free tutorial with the source so anyone can build the program and extend it as they see fit.

    I'm looking for ideas to make it more useful for web, maybe with options for spinning banners, fade in and out phrases/text, etc.

    Right now, you load a 3d model with animations, it could be a character, a windmill or building, etc

    You click an animation to load it, then press a key to "record" it. The model will play through the animation capturing key frames at set intervals, then it processes the images to remove the pink background using the alpha channel, then it packs the different frames into a single image with transparent background.

    Anyone see any potential web uses? I can also send the sprite sheet to a server or do something else with it. Maybe allow several layers so you can customize text on a 3d billboard that moves or spins around, then replay it simply using javascript.

    Here's an example of a few sheets I generated and replay using javascript: pugetsoundtraining.com/Portfolio/index.html

    Anyone have any interest or ideas for features?
     
  2. NadiHassan

    NadiHassan Registered Member

    Joined:
    Jul 15, 2010
    Messages:
    55
    Likes Received:
    5
    Interesting - I work on cross platform HTML5 games - If you want to have a chat PM me :)
     
  3. reminder132

    reminder132 Newbie

    Joined:
    Apr 18, 2013
    Messages:
    11
    Likes Received:
    3
    If you can capture animation frames, implement into a transparent drag and drop frame to capture and make gifs from youtube clips & other media?

    An import / export option integrated with google 3d warehouse. Some type of 'bones' interface for user created animations?