Thread:ThePokegeek5000/@comment-38316028-20190725124755/@comment-31984232-20190803231214

Undeleted thread to answer the question of how I get the spritesheet images:

(I will use high graphics and cleaned up files for examples, old files of this aren't as useful as the actual image files have been deleted)

Step 1: Open Code File

Go to User:ThePokegeek5000/AppJS, and click 1 of the REGULAR code links (stats is only for surviv.io/stats and is missing most game stats other than the map stats for the map-decided stat tracking)

If it is cleaned up then it will be split up onto multiple pages (some older files this is not applicable to because it was before I started using https://beautifier.io so there was still enough space with the limited cleaning I would do). If this is the case than 1) the spritesheets will be easier to read, and 2) you'll have to click the spritesheets link on the top.

One of the most recent cleaned ones is User:ThePokegeek5000/AppJS/60 with User:ThePokegeek5000/AppJS/60/Spritesheets

Step 2: Reading the File and Cropping the image:

Once there, there will be 2 functions, 1 for high graphics checked, the other for it unchecked. I don't have the unchecked ones split, but I have all the high graphics ones to my knowledge.

The layout should be something like this:

Part 1: Assets e.exports={ loadout:[{ ...   }],    shared:[{ ...   }],    snow:[{ ...   }],    faction:[{ ...   }],    desert:[{ ...   }],    gradient:[{ ...   }],    main:[{ ...   }],    potato:[{ ...   }],    woods:[{ ...   }],    halloween:[{ ...   }] } each of those things like   are assets which the maps load specific ones. ,, and   are on all maps. The Woods Snow Map imported only  when it was used but now imports both   and.

Part 2: Files

Each asset references the image file(s) that it uses. Shared (and Snow when on low graphics) use multiple

Within loadout it is something like: {   meta:{ image:"loadout-0-100-8e610d13.png", size:{w:4096, h:4096}, scale:1 },   frames:{ ...   } } frames is for the actual images when cropped, and meta is for the image that it crops. The image of "loadout-0-100-8e610d13.png" gets surviv.io/assets applied to the front of it resulting in surviv.io/assets/loadout-0-100-8e610d13.png ( https://surviv.io/assets/loadout-0-100-8e610d13.png ). I then download them with Ctrl+S (I use windows, so these will all be windows commands), then copy and crop them with Paint 3D.

Part 3: Cropped Files

I'll use loadout's part-aura-circle-01.img

frames:{ "part-aura-circle-01.img":{ frame:{x:508, y:2, w:284, h:282}, rotated:!1, trimmed:!0, spriteSourceSize:{x:2, y:3, w:284, h:282}, sourceSize:{w:288, h:288} },   ... }

part-aura-circle-01.img is the name of the cropped file. Most of the values inside can be ignored as I have no idea what they do (and nor does nick as they are generated by a program and and run through pixi.js), however the frame tag inside it is important.

Within the frame is 4 tags: x, y, w, and h.

x and y are the position of the top left corner of the image (so I take the cropping tool on Paint 3D to those values, move it to the top left, and drag the top left corner of the cropping tool and bring it to the bottom right of the image, then submit the primary crop)

w and h are the width and height of the file (so I take the cropping tool again, set it to those values, move it to the top left corner, and submit final crop).