Topic

How do you create Sprite Sheets?

Can anyone give me instructions please on how to get my Glitch's sprite sheet (in simple terms!)...? I really want to capture all the character of my little Glitch before the end :(

Posted 7 years ago by bergamot Subscriber! | Permalink

Replies

  • Here you go!

    Base
    Jump
    Climb
    Happy
    Idle 1
    Idle 2
    Idle 3
    Idle 4
    Idle Sleepy
    Posted 7 years ago by tis Subscriber! | Permalink
  • Try here and look for the URLs that have .png. Where you see \/, replace it with /. :)

    Edit: Beat by a Ninja
    Posted 7 years ago by GravityGrip Subscriber! | Permalink
  • Thanks folks - tis, you are a star :0)

    GG - I'll try your tip for my alt - wish me luck!!
    Posted 7 years ago by bergamot Subscriber! | Permalink
  • This as well from Janitch,
    for a animated gif of your buddy:
    glitch-playhouse.org/portfo...
    Posted 7 years ago by Lemo Subscriber! | Permalink
  • How did you do that tis? And glitch playhouse says its closed :[
    Posted 7 years ago by Kurtie Subscriber! | Permalink
  • that is AWESOME! I'm #99398
    Thanks!

    Edited - I had several taps open. I think I mixed up my responses some how. wow, lol!
    Posted 7 years ago by EzBreezy Subscriber! | Permalink
  • I used this. Replace your TSID in the url with yours. You could go searching through the doc for all the urls and remove the backslashes, but since I've spent way too much time pulling sprite sheets for DoU characters, I have the animation names memorized. I just copy the first png and then replace the names at the end with base, jump, climb, happy, idle1-4, and idleSleepy. Hope that helps.
    Posted 7 years ago by tis Subscriber! | Permalink
  • Kurtie, the animation exporter on Glitch Playhouse still works: click on the Portfolio button at the top
    Posted 7 years ago by Trixie Leitz Subscriber! | Permalink
  • Can I get some more advice on this--I can't figure out what part of the URL needs to be replaced with what and I've tried a lot =/ /dumb
    Posted 7 years ago by Thaumatrope Subscriber! | Permalink
  • Ooh, thanks!
    Posted 7 years ago by Ayasta Subscriber! | Permalink
  • Thaumatrope - here's your base - change the ending of the url for the other sheets.
    Posted 7 years ago by unicyclr Subscriber! | Permalink
  • Can anyone make sprite sheets for my character?
    Posted 7 years ago by Hersche Subscriber! | Permalink
  • Thank you so much, Unicyclr!
    Posted 7 years ago by Thaumatrope Subscriber! | Permalink
  • Sadly, I must ask like the others. How does someone do this? My computer seems to be having issues. 
    Posted 7 years ago by Nafets Subscriber! | Permalink
  • i need to understand this more.

    i don't really get the concept, the execution, and all i know for sure is that there is maybe a thing that will let me keep part of a fond memory.

    can someone help me?
    Posted 7 years ago by flask Subscriber! | Permalink
  • Yes, instead of just handing it over, please explain so we can all get our sprite sheets?
    Posted 7 years ago by Lady Cailia Subscriber! | Permalink
  • Go to your profile page, and copy the long number/letter code that's in your profile's URL. Then, using the link that tis posted, take out the code that comes after "player_tisd=", but before the "&", and replace it with the code you copied. Copy the first url on that page(it ends in base.png) and take out all the \'s, leaving only the the forward slashes. The image that comes up is your base sprite sheet, and you can get the others by replacing "base" with "jump", "climb", "happy", "idle1", "idle2", "idle3", "idle4", and "idleSleepy". I hope this clears up tis' post a bit! It can be pretty confusing, haha
    Posted 7 years ago by Przybyszewski Subscriber! | Permalink
  • What I did is that I first clicked on GravityGrip's link, and in a new tab went to my profile to get the part of the URL that looks like gibberish and replaced the part at the end of Gravity's link with it.
    So it would be..
    GravityGrip's link: apiglitchcom/simple/players.getAnimations?player_tsid=PA96B36U7PD25JO

    My Profile: wwwglitchcom/profiles/PUVPHG3JADH2R2N

    This then should be changed to: apiglitchcom/simple/players.getAnimations?player_tsid=PUVPHG3JADH2R2N

    An example of this would be this using flask's profile:apiglitchcom/simple/players.getAnimations?player_tsid=PHVFG0THJF827TB

    After you replaced the end part and go to it, look for the first http link, copy it and paste it onto the url bar. Then what's left is that you will need to get rid of all of the "\" in the url.
    And that's it!

    By the way, all of the links that you get from GravityGrip's link will be the same except for the end part, so if you want to speed things up a bit you can just get rid of everything past the last "_" and replace it with this:

    base.png
    jump.png
    climb.png
    angry.png
    surprise.png
    happy.png
    idle1.png
    idle2.png
    idle3.png
    idle4.png
    idleSleepy.png
    Posted 7 years ago by Bdvger Subscriber! | Permalink
  • when you explain this,  please assume that i am

    a) clueless
    b) brain damaged, and
    c) overcome with grief and having a hard time processing information.

    i'm starting from this point: "what? there's a thing called a sprite sheet?"

    and i progressed all the way to "huh. apparently it involves the little representations of us."
    Posted 7 years ago by flask Subscriber! | Permalink
  • I did it this way but if I have got it wrong or there is an easier way please some techie please correct me:

    For sprite sheets, visit this page: http://developer.glitch.com/api/explore/#!players.getAnimations

    In the Arguments box type:

    player_tsid=(your tsid here)

    Find your tsid in the URL of your profile. Should be the part in glitch.com/profiles/TSIDHERE/ starting with the letter P.

    The radio button should be left at Unauthenticated call
    Click Test
    When the code generates in the bottom box find the first url within the code and copy and paste it into your brower and remove the backslashes, but insert an extra forward slash after the semi colons. Then repeat for the other url's.

    Example of mine:

    BEFORE
    http:\/\/c2.glitch.bz\/avatars\/2012-08-28\/bd7cc00d5c4d7b6a809231a53a0a7c68_1346158540_base.png

    AFTER
    http://c2.glitch.bz/avatars/2012-08-28/bd7cc00d5c4d7b6a809231a53a0a7c68_1346158540_base.png

    Thanks TomC for the links earlier:)

    EDIT: Haha, I saw Lady Cailia's post and in between responding I was doing something else and by the time I clicked post a million people had answered
    Posted 7 years ago by Cleops Subscriber! | Permalink
  • We're working on a tool to make sprite downloads easier for you guys. Don't spend too much time doing the sprite downloads manually right now unless, of course, you're enjoying it, and in that case you should just plow right on ahead.
    Posted 7 years ago by Little Poundcake Subscriber! | Permalink
  • Haha of course once I finished downloading them manually! But thank you so much <3
    Posted 7 years ago by Kurtie Subscriber! | Permalink
  • How do you get the sprites for teleporting?
    Posted 7 years ago by Twinkle Star Subscriber! | Permalink
  • One of the sites pulls them up when you teleport to a person's street...I think it was zoggish? not sure
    Posted 7 years ago by Avnas Subscriber! | Permalink
  • the TP sprites are part of the base.png
    Posted 7 years ago by tis Subscriber! | Permalink
  • Thanks Little Poundcake, you're both delicious and helpful :D
    Posted 7 years ago by EzBreezy Subscriber! | Permalink
  • Thanks, LP! Any chance we could also get our butler's sprite sheets as well? I've become quite attached to little Brabinger :)
    Posted 7 years ago by Trixie Leitz Subscriber! | Permalink
  • Trixie, the site does not generate any sprite sheets for Butlers unfortunately.
    Posted 7 years ago by TomC Subscriber! | Permalink
  • As much effort as it would be, I would LOVE sheets of all the NPC and animal characters.
    and the giants too, just 'cos
    Posted 7 years ago by Avnas Subscriber! | Permalink
  • Thanks all~ And great to hear the Glitch team's going to make it even easier! =D

    +1 for butler sprites!
    Posted 7 years ago by Darkwoof Subscriber! | Permalink
  • TomC: aww, that's a shame :(
    Posted 7 years ago by Trixie Leitz Subscriber! | Permalink
  • So glad to hear you're working on something simpler Little Poundcaks 'cuz nothing I did works!  I'm sure it's me, so I'm thankful you guys are willing to do this!
    Posted 7 years ago by Bluebunny Subscriber! | Permalink
  • OK So check this out, because I feel clever.

    So you get your API call info. Note that there's a date. That's related to whichever Saved Look you're using, so if you change back and want to download that one too you can. You still need only that info, because that's all that changes (And it all changes when you change your clothes).

    Here's the HTML I use.

    <HTML>
    <img src="http://c2.glitch.bz/avatars/$$_base.png">
    <img src="http://c2.glitch.bz/avatars/$$_jump.png">
    <img src="http://c2.glitch.bz/avatars/$$_climb.png">
    <img src="http://c2.glitch.bz/avatars/$$_angry.png">
    <img src="http://c2.glitch.bz/avatars/$$_surprise.png">
    <img src="http://c2.glitch.bz/avatars/$$_happy.png">
    <img src="http://c2.glitch.bz/avatars/$$_idle1.png">
    <img src="http://c2.glitch.bz/avatars/$$_idle2.png">
    <img src="http://c2.glitch.bz/avatars/$$_idle3.png">
    <img src="http://c2.glitch.bz/avatars/$$_idle4.png">
    <img src="http://c2.glitch.bz/avatars/$$_idleSleepy.png">
    </HTML>

    1) Paste all of that, from <HTML> through </HTML> into something plain text (Notepad, TextEdit, Gedit, whatever) and save it to your desktop as GlitchSprites.html

    2) Go get your API info as per above. Note you only need to copy the info I've bolded here, in this example:
    c2.glitch.bz\/avatars\/2012-05-10\/a6ed88166aea899f5dd3729fc6cc0384_1336665403_idleSleepy.png

    3) Make sure you take out the one weird backslash after the date, then copy it again.

    4) Paste that version over the double dollar signs in the HTML blurb I gave you.

    5) Save.

    6) Open the desktop file in your browser of choice.

    7) Download!

    If you want more than look, just rinse and repeat, as the same chunk of numbers/letters will change. I hope this makes sense and helps. Once you do it once, you'll be as stoked as I am!

    Let me know if I just confused you.
    Posted 7 years ago by Lady Cailia Subscriber! | Permalink
  • Janitch made this, which I LOVE: http://glitch-atlas.info/files/spritesheets.html Makes it super cake to do. Instructions on how to find your TS ID at the bottom of that page. 
    Posted 7 years ago by Wynella Subscriber! | Permalink
  • Thanks Janitch for making this and Thank you Wynella for sharing it !!!   
    It's fabulous.   :D
    Posted 7 years ago by Ooola Subscriber! | Permalink
  • Ok, so now I'm reeeaaalllly confused and need help.  I used Janitch's link.. which is great of course, last night.  Saved the sprite sheet as a .png somehow (apparently I am now inexplicably challenged in this regard) .  Just changed my outfit and wanted to do it again, but it seems I can only save the results as an HTML page (complete or stand alone).  Can some one explain how I save it as a .png?  Help!!
    Posted 7 years ago by Princess Fi Subscriber! | Permalink
  • Right click each row of images and choose "save image as"
    Posted 7 years ago by Eek Subscriber! | Permalink
  • The real question is, how do we get sprite sheets for the animals???
    Posted 7 years ago by Wondre Subscriber! | Permalink
  • If I remember rightly, the animals don't have sprite sheets, they're done as SWFs.
    Posted 7 years ago by dopiaza Subscriber! | Permalink
  • This is just what I needed, thank you Janitch and Wynella! :D
    Posted 7 years ago by Rannera Subscriber! | Permalink
  • Can anyone tell me if there is software (preferably free.. lol) that I can use to turn the sprite sheets into an animation.  I tried Glitch Playhouse's utility, but not all of the gif's com out right.
    Posted 7 years ago by Princess Fi Subscriber! | Permalink
  • This is fab! I wish I could capture the teleportation face, though!
    Posted 7 years ago by Schiehallion23 Subscriber! | Permalink
  • Haha Schiehallion--for teleports I always had my mother's voice in my mind: "One day your face will stick that way!"
    Posted 7 years ago by Supershero Subscriber! | Permalink
  • Aw man, and I was feeling all super smart and everything. :D Thanks for being awesome Janitch!
    Posted 7 years ago by Lady Cailia Subscriber! | Permalink
  • Do our butlers have sprite sheets? ._.
    Posted 7 years ago by Kieley Subscriber! | Permalink