Sample implementation project (Windows)

[TohnoCoding]

SIP-Implementation.zip

This is a sample Windows Forms project that implements the library with a bundled sample image. No binaries are included in the zip file other than the project library. (Which, if you feel apprehensive about safety, you can download from the Releases section and replace the bundled one, or you can download the entire project and compile from source yourself.) The app will draw bounding boxes around each sprite in the image so you can see exactly the location and dimensions of each frame.

Credit for the sample bundled spritesheet goes to the good folks at CraftPix. The bundled image is used entirely for non-profit purposes.

If doing your own implementation with the bundled GIF, and use a Y-axis tolerance of 4, you can compare your results to these:

zombie.gif

[
  {
    "Name": "Row000001Sprite000001",
    "Frame": {
      "X": 2,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000002",
    "Frame": {
      "X": 45,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000003",
    "Frame": {
      "X": 101,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000004",
    "Frame": {
      "X": 167,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000005",
    "Frame": {
      "X": 236,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000006",
    "Frame": {
      "X": 280,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000007",
    "Frame": {
      "X": 323,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000008",
    "Frame": {
      "X": 367,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000009",
    "Frame": {
      "X": 410,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000001Sprite000010",
    "Frame": {
      "X": 458,
      "Y": 10,
      "Width": 48,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000002Sprite000001",
    "Frame": {
      "X": 3,
      "Y": 85,
      "Width": 49,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000002Sprite000002",
    "Frame": {
      "X": 54,
      "Y": 85,
      "Width": 49,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000002Sprite000003",
    "Frame": {
      "X": 109,
      "Y": 85,
      "Width": 49,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000002Sprite000004",
    "Frame": {
      "X": 172,
      "Y": 85,
      "Width": 49,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000002Sprite000005",
    "Frame": {
      "X": 234,
      "Y": 85,
      "Width": 49,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000003Sprite000001",
    "Frame": {
      "X": 10,
      "Y": 162,
      "Width": 32,
      "Height": 65
    },
    "Duration": 1
  },
  {
    "Name": "Row000004Sprite000001",
    "Frame": {
      "X": 60,
      "Y": 168,
      "Width": 32,
      "Height": 59
    },
    "Duration": 1
  },
  {
    "Name": "Row000005Sprite000001",
    "Frame": {
      "X": 114,
      "Y": 173,
      "Width": 34,
      "Height": 54
    },
    "Duration": 1
  },
  {
    "Name": "Row000006Sprite000001",
    "Frame": {
      "X": 175,
      "Y": 197,
      "Width": 59,
      "Height": 30
    },
    "Duration": 1
  },
  {
    "Name": "Row000007Sprite000001",
    "Frame": {
      "X": 244,
      "Y": 218,
      "Width": 64,
      "Height": 9
    },
    "Duration": 1
  },
  {
    "Name": "Row000008Sprite000001",
    "Frame": {
      "X": 10,
      "Y": 241,
      "Width": 41,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000008Sprite000002",
    "Frame": {
      "X": 57,
      "Y": 241,
      "Width": 41,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000008Sprite000003",
    "Frame": {
      "X": 109,
      "Y": 241,
      "Width": 41,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000008Sprite000004",
    "Frame": {
      "X": 170,
      "Y": 241,
      "Width": 41,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000009Sprite000001",
    "Frame": {
      "X": 9,
      "Y": 319,
      "Width": 35,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000009Sprite000002",
    "Frame": {
      "X": 56,
      "Y": 319,
      "Width": 35,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000009Sprite000003",
    "Frame": {
      "X": 109,
      "Y": 319,
      "Width": 35,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000009Sprite000004",
    "Frame": {
      "X": 170,
      "Y": 319,
      "Width": 35,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000009Sprite000005",
    "Frame": {
      "X": 221,
      "Y": 319,
      "Width": 35,
      "Height": 67
    },
    "Duration": 1
  },
  {
    "Name": "Row000009Sprite000006",
    "Frame": {
      "X": 271,
      "Y": 319,
      "Width": 35,
      "Height": 67
    },
    "Duration": 1
  }
]

<?xml version="1.0" encoding="utf-16"?>
<Spritesheet>
    <SpriteRegion>
        <Name>Row000001Sprite000001</Name>
        <Frame>
            <X>2</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000002</Name>
        <Frame>
            <X>45</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000003</Name>
        <Frame>
            <X>101</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000004</Name>
        <Frame>
            <X>167</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000005</Name>
        <Frame>
            <X>236</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000006</Name>
        <Frame>
            <X>280</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000007</Name>
        <Frame>
            <X>323</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000008</Name>
        <Frame>
            <X>367</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000009</Name>
        <Frame>
            <X>410</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000001Sprite000010</Name>
        <Frame>
            <X>458</X>
            <Y>10</Y>
            <Width>48</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000002Sprite000001</Name>
        <Frame>
            <X>3</X>
            <Y>85</Y>
            <Width>49</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000002Sprite000002</Name>
        <Frame>
            <X>54</X>
            <Y>85</Y>
            <Width>49</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000002Sprite000003</Name>
        <Frame>
            <X>109</X>
            <Y>85</Y>
            <Width>49</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000002Sprite000004</Name>
        <Frame>
            <X>172</X>
            <Y>85</Y>
            <Width>49</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000002Sprite000005</Name>
        <Frame>
            <X>234</X>
            <Y>85</Y>
            <Width>49</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000003Sprite000001</Name>
        <Frame>
            <X>10</X>
            <Y>162</Y>
            <Width>32</Width>
            <Height>65</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000004Sprite000001</Name>
        <Frame>
            <X>60</X>
            <Y>168</Y>
            <Width>32</Width>
            <Height>59</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000005Sprite000001</Name>
        <Frame>
            <X>114</X>
            <Y>173</Y>
            <Width>34</Width>
            <Height>54</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000006Sprite000001</Name>
        <Frame>
            <X>175</X>
            <Y>197</Y>
            <Width>59</Width>
            <Height>30</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000007Sprite000001</Name>
        <Frame>
            <X>244</X>
            <Y>218</Y>
            <Width>64</Width>
            <Height>9</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000008Sprite000001</Name>
        <Frame>
            <X>10</X>
            <Y>241</Y>
            <Width>41</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000008Sprite000002</Name>
        <Frame>
            <X>57</X>
            <Y>241</Y>
            <Width>41</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000008Sprite000003</Name>
        <Frame>
            <X>109</X>
            <Y>241</Y>
            <Width>41</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000008Sprite000004</Name>
        <Frame>
            <X>170</X>
            <Y>241</Y>
            <Width>41</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000009Sprite000001</Name>
        <Frame>
            <X>9</X>
            <Y>319</Y>
            <Width>35</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000009Sprite000002</Name>
        <Frame>
            <X>56</X>
            <Y>319</Y>
            <Width>35</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000009Sprite000003</Name>
        <Frame>
            <X>109</X>
            <Y>319</Y>
            <Width>35</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000009Sprite000004</Name>
        <Frame>
            <X>170</X>
            <Y>319</Y>
            <Width>35</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000009Sprite000005</Name>
        <Frame>
            <X>221</X>
            <Y>319</Y>
            <Width>35</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
    <SpriteRegion>
        <Name>Row000009Sprite000006</Name>
        <Frame>
            <X>271</X>
            <Y>319</Y>
            <Width>35</Width>
            <Height>67</Height>
        </Frame>
        <Duration>1</Duration>
    </SpriteRegion>
</Spritesheet>