Using Sprite Sheets?

Hi
I created a sprite sheet in Flash and imported it into Edge Animate, all is well.
In Animate I now see the individual cells of the sprite sheet as Symbols, but now what? How do I actually bring each symbol into Animate to duplicate the animation on the Animate timeline? I'm just not seeing the forest through the trees....
Thanks,
Rich

Hi richardELeach,
In the time that the experts get back to you, can you have a look at this tutorial to see if it helps?
Create Animations in Adobe Edge Animate CC using Sprite sheets - YouTube
Thanks,
Preran

Similar Messages

  • What good are Sprite sheets in CS6?

    In Flash CS6 one can create sprite sheets. What benefit or relationship does this have to direct flash development? What is the primary purpose for Adobe putting this feature in CS6?

    The most direct use is if you use the Starling Framework for game development. Starling is an ActionScript version of the popular Sparrow framework. You can use sprite sheets to transfer you assets into Starling-friendly version.
    Chris Griffith

  • Sprite Sheet CSS Help

    So I recently discovered the effectiveness of using sprite sheets for multiple images, like if I have a hover image state and a normal image state to just put them inthe same image and change the background position.
    So I tried it but I can't get it to ever work...here is my code:
    .class {
              display: block;
              height: 80px;
              background: url(../images/img.png) 0 0;
    .class:hover {
              background: url(../images/img.png) no-repeat 1000 0;
    It displays the image, but then when I hover it still dispalys the same position.

    I forgot to mention the size of the image is 2000 x 60 so I want the first 1000 x 60 to show, then on hover the second 1000 x 60 to show

  • Adobe Edge sprite sheet doesn't show

    Hi,
    When importing animation from Edge to Muse using sprite sheet, I can see it work when playing automatically the Edge animation.
    But when enabling "Advanced 1 second every" feature, sprite sheet objects doesn't function.
    Any suggestions how to solve this?
    Thanks,
    Avi

    i did this before i started this thread ("do not download or install updates automatically")... it doesnt change anything.
    really, wouldnt be life easier if people would disable auto update on SAME window where updates popup? why we must spend our time for searching something that could be just next to info about new updates waiting for download? then wouldnt be this and thounds of other threads :/

  • Incorrect size of TextureAtlas using "Generate Sprite Sheet..."

    1. create a shape of any size. a 4*4 rectangle for example
    2. using "Generate Sprite Sheet..." to make a TextureAtlas
    3. check the generated config file, the size is wrong: "<SubTexture name="Symbol 1 instance 10000" x="2" y="2" width="5" height="4" pivotX="0" pivotY="0"/>"
    width should 4, not 5.
    Both Flash Pro CS6 and Flash Pro CC have this bug.

    Hi Qizhi
    Can you try this. Round of the  X and Y position to a whole number on the stage.
    Example . Make X = 335 and Y = 54 for the symbol on stage.
    Let me know if this helps.
    Reagrds
    Avinash

  • 0000 on the end of a subTexture name in the sprite sheet generator

    How can I get rid of the 0000 on the end of a subTexture name in the .xml atlas file created sprite sheet generator? (I'm using the Sparrow v2 option) is there anyway to stop that form being tacked on?
    Thanks for any help.

    Hi Terry,
    You mentioned DNS servers. I see a DNS tab in the Network settings control panel. Right now there is a single IP address in the DNS Servers list. But just about everything in this control panel is mumbo jumbo to me. I know barely enough to keep myself operational, but I'm often hesitant to monkey around in there. I'm happy to listen, however, if you want to clarify further.
    DNS is the system that converts the human-readable web addresses into things (namely the IP address) that computers can use to find the other computers out there on the internet. Think of it as being like a phonebook - say you need to call Bob, you'd check the phonebook to find out his number to call him.
    So, for example:
    - say you type www.apple.com into the web browser
    - the browser then makes a request to the DNS asking for the location of the Apple web server (it's IP address)
    - the browser then uses this IP address to contact Apple and request the page
    In Charter's case, when you type just 'apple', instead of their DNS servers returning that the address does not exist, they instead redirect you to their search pages instead.
    So, if you specify different non-Charter DNS address (the ones I mentioned above are from Verizon), you should avoid the problem you are seeing. Make a note of your existing entry if you're worried about replacing it and then you can change it back should this not improve things.
    Hope that makes more sense, but yell if not

  • Why are my sprites sheets not sizing/aligning properly?

    I'm trying to export my Flash animations as sprite sheets to import into the Unreal Engine.  But I keep running into issues where the reported sprite size/locations reported by Flash aren't quite right.
    My example generated sprite sheet, it was generated with no border/shape padding:
    The first bit of the sun.json file it generates, it says every frame is 214 x 214.
    {"frames": {
    "Sun Spin0000":
        "frame": {"x":0,"y":0,"w":214,"h":214},
        "rotated": false,
        "trimmed": false,
        "spriteSourceSize": {"x":0,"y":0,"w":214,"h":214},
        "sourceSize": {"w":214,"h":214}
    If I load the sprite sheet into cs6 and shrink the canvas size down to 214 x 214, you'll see the first frame is already starting to show tiny slivers from adjacent frames.
    I'm not using padding around the borders or between frames. You can see the there is enough padding already IMO.  The problem to me seems to be that Flash
    isn't properly outputting the the values into the JSON file, which then I'm using to import into the Unreal engine. If I can't trust these values to be correct,
    even if I were to add in padding to alleviate this, I will still have to manually adjust the frame size/locations of every frame of every sprite sheet by hand.

    what's the size of your untransformed suns?  are they 214x214?
    if so how are you loading your spritesheet and displaying the sprites?

  • CS6 Sprite Sheet animation alignment puzzle

    Hey all, I greatly enjoy using Flash CS6's Generate Sprite Sheet tool since it's much much quicker than exporting all the sprites and using TexturePacker (though I wager TP would provide far better optimization). One problem I seem to have is aligning different animations to the same origin - which isn't the origin of the sprite (top left corner).
    Say my character Jim has two animations:
    Run (small sprites, as he runs in place)
    Jump (short and tall sprites, and a bit wider than the Run)
    I currently generate a sprite sheet by highlighting both clips and right clicking. This gets me a perfect Sprite Sheet with both animations and their respective names (based on MC name). The Run and Jump frame sizes are different, because the Jump sprites are taller than the Run sprites -- this all makes sense.
    What doesn't is that there's zero information on how those two animations should be placed such that Jim can go from playing his run animation and then his jump animation with his feet in the same place, despite the fact that if you inspect either of those clips Jim is standing right at Flash's little origin point at the start of both.
    Sure, the data file (JSON in my case) has all the offsets for placing the individual frames in the right place, but how do I align Jim's feet from one set of frames to the next without having to do it all by hand? To date the only workaround I've found is to dump all the animations into a single timeline such that they all take the same frame size, but this is TERRIBLE for managing sprites and animations since it gives all the frames the same name as the combined timeline.
    What I really need is another set of numbers in the Sprite Sheet data file that tells me the frame x & y offset from Flash's movieclip origin. I have a suspicion this doesn't exist and is impossible.
    At a loss here other than aligning each animation's frame by hand, which may have to be done every time an interal sprite changes size.
    Thanks for any insight, none of the Adobe pages or demos go into any depth other than creating a sprite sheet of a single image or animation.

    Yes, I understand how to make animations blend together, but my question relates to the technical side of how sprite sheets are generated.
    When I generate a sprite sheet from multiple animation movieclips each animation has a unique frame size that Flash calculates and codes into the data file, and that frame size is not the size of document but the size of the smallest frame that can fit all of the sprites in the animation. I can't control this frame size or define a region within the document that is the frame size. Each animation within the sprite sheet could have a different frame size.
    I'm interested to know if there is a way to view, generate, or export the data that would relate one animation frame to another so that a character (Jim) could be standing at the movieclip origin in the Run animation which is size A and also be standing at the movieclip origin in the Jump animation which is size B, and not only are A and B different sized frames, but none of the corners are coincident. Since it doesn't do this currently I'd have to manually code the offsets of each animation to a common origin instead of being able to use the one that's already in Flash.
    I don't see how any of the default data that is exported along with the spritesheet PNG could relate that info and I'm very curious.
    (I could do it by putting every animation within the same movieclip, but then the spritesheet tool is pretty useless since it'd all be one animation)

  • Sprite sheet from PhotoShop CC 2014 layers to Edge Animate?

    Hi
    The Photoshop CC 2014 script that takes layers and generates a sprite sheet to the latest Edge Animate does not appear to work correctly. Unless I"m missing something very obvious (that isn't in the instructions below provided by Adobe), it doesn't take the seperate layers and seperate them out correctly in the output png file.   Any suggestions? Thanks -  would LOVE a quick answer -
    http://blogs.adobe.com/edge/2014/09/18/export-sprite-sheet-from-adobe-photoshop/

    Hi Sharon
    You are right. Open the .jsx file in text editor of choice and change the function the following:
    function translateActiveLayer(deltaX, deltaY) {
        //see http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop-cc-scripti ng-guide.pdf on how to use script listener.
        var desc = new ActionDescriptor();
        var ref = new ActionReference();
        ref.putEnumerated(charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt"));
        desc.putReference(charIDToTypeID("null"), ref);
        var coords = new ActionDescriptor();
        coords.putUnitDouble(charIDToTypeID("Hrzn"), charIDToTypeID("#Pxl"), deltaX);
        coords.putUnitDouble(charIDToTypeID("Vrtc"), charIDToTypeID("#Pxl"), deltaY);
        desc.putObject(charIDToTypeID("T   "), charIDToTypeID("Ofst"), coords);
        executeAction(charIDToTypeID("move"), desc, DialogModes.NO);
    Will PM you the updated script if needed. ( And also the blog post soon )
    Regards
    Avinash

  • Flash Pro CS6 - Exporting Sprite Sheet With EaselJS JSON Data

    Hi,
    I've imported a png sequence into Flash Pro and have been trying to get the new sprite sheet generation feature to export JSON data in EaselJS format, but when I choose the EaselJS option from the dropdown menu, I only get a window function:
    (function(window) {
    }(window));
    However, when I export as JSON, I do get proper JSON data.  Is this a known issue with EaselJS support in CS6, or should I be doing something differently?  I'd rather not use Zoe, the SWF to EaselJS AIR utility, because the pngs are fairly large and Zoe seems to have a maximum dimention cap for exporting sprite sheets, I get 12 of them whereas Flash Pro is able to auto detect dimentions, exporting one sprite sheet, which is great, I just need to get it to generate the EaselJS data along with it.  Thanks in advance!

    Thanks, I was just about to convert the JSON file myself, then I read your reply, tried it and viola.  Do you happen to know why EaselJS can only read symbols, even if I labeled my frames? 

  • Sprite Sheets in Adobe Lightroom 4

    How do I make sprite sheets in lightroom 4?

    Is there any way I could import an already made sprite sheet with image and use the slice tool to separate the images into individual fields and then export those to something like TexturePacker? Also, does Lr have the slice tool haha?

  • Exporting PSD for Sprite-Sheets

    Hi, I have several sprites animated and saved in PSD form, how do I now convert them into Flash Professional so I can turn them into a sprite sheet from there?
    I have tried several ways but importing the PSD file doesn't load the layers up, it only loads the top one.

    Yes that should be possible using the above script. It generates a png sprite containing images on all the layers and a metadata file (.eas) for importing it into Edge Animate.
    If it doesn't work, can you share one of your psd files so that I can try out with it.

  • What I do after generate sprite sheet?

    Hi,
    I generated my sprite sheet. I have two files. One png and one xml file. How do I use xml file in Flash? Is it possible to generate sprite sheet and use it in a movieclip?
    I want to put my animation on stage with programation (AS3).
    Thank you,
    Have a nice day.

    Please refer the tutorials here
    You will get an idea how sprite will use animations.
    . http://www.hsharma.com/tutorials/starting-with-starling-ep-1-intro-setup/

  • Copying one .eas file for multiple sprite sheets.

    Hi, I've been googling the web trying to find answer to a problem but haven't found a solution yet. Maybe someone here has an idea.
    I'm working on a project with Edge Animate CC where I'm creating a multitude of different animated symbols from sprite sheets. The symbols/sprites, which there are a lot of, come in sets, each with a different character wearing different colour clothes. For example, there's one of a man in a white shirt walking, and then the same man in a blue shirt, a red shirt, and so on, and then the same for several other characters. Because each version of each character is the same except for a colour change, I've been trying to create one sprite sheet from Flash CC, make colour edits to the sprite sheet in Photoshop CC, save it with a new name, then import it into Edge Animate using the same spritesheet.
    It seems straightforward enough but what I've learned is you can't use an .eas file with spritesheets other than the one it was created with in Flash. When I try it says the .eas file and the image don't match, and to check the paths for both files. When I copy the .eas file and rename it, giving it the same name as the new sprite sheet I want it to work with, I still get the same message. When I open up that .eas file in TextEdit and change the "image" filename in the "meta" section to correspond to that of the new sprite sheet, it still doesn't work. I don't see anything else within the .eas file that would tie it to any particular spritesheet, so between making that change and changing it's filename I would expect the .eas file would work the new sprite sheet.
    I know I could create sprite sheets for each colour scheme of each character through Flash, but since they are all identical other than their colour it would save me a ton of time to just copy and edit the sprite sheets. The colour changes are not something I could do within Edge Animate.
    Has anyone had similar issues? Any tips?
    -A

    Hi Medley, Good to see that you are experimenting with the new SpriteSheet feature available in Animate CC 2014.
    Some points:
    The EAS file format is currently only supported from Flash Pro CC 2014. There are some meta data tags that is read when you bring in an eas type spritesheet and therefore Animate will be able to import only the sprite sheets created from Flash Pro CC using the EAS route.
    If you want to use spritesheets from other applications like photoshop, I would recommend that you don't enable the "load an eas file" check-box. In this case the sprite sheet PNG will be the only input that you need to specify in the Import dialog.
    In this case you will need to have a sprite-sheet which has the individual sprites that is stacked out in order from left to right and top to bottom. You can then specify the rows and columns and the padding options in the Spritesheet import dialog in animate.
    Let me know if this works for you.
    -Sujai

  • Sprite Sheet?

    Decided to try using CS6's Sprite sheet exprter and hoping I am missing something - basically I have an animation of a baseball coming to home plate. The ball is a movie clip that is composed of 11 frames, so that the ball rotates as it moves. However when I export to sprite sheet only the movement of the clip is exported, and not the sub-animation contained in the clip - the rotation. Is this just a FOL and the sprite sheet exporter simply doesn't work? That's what I'm thinking... So anyone know of a sprite sheet export that does work properly? Anyone tried Spriter? I know it's standalone, but it looks promising.
    Thanks

    Thanks again for the leads. Have been looking and will need to look a lot more.
    I am not familiar yet with packages/classes to the point where I can initiate them in my current process, but perhaps next revision. I'm trying to put together a children's picturebook app, in some of the areas I use bitmaps(png) to depict fancy text items. At the moment I use individual png's to do each items but m looking to use spritesheets.
    Last book there were about 25 MB of images, half being page (30 pages) backround jpgs (set for Smoothing and PNG-lossless) as they get scaled depending on the device.
    Perhaps at the moment it will be too much work to change everything so the question: Would there be much advantage in changing to spritesheets or is a picturebook a bit heavy to be of much advantage.

Maybe you are looking for