This is the "If I Did It: Confessions of a Killer" for the repo. These are the steps I took to complete the item.
- Learned what the Shadow DOM is. I didn't know about this and I taught Javascript.
- Took a Sprite of Sonic the Hedgehog from Sonic 1 taken from a sprite chart and repainted it in Pixilart to make it look like Shadow, in the tradition of reskinned sprites, and exported it as pixil-frame-0.png
- From there, I stole a Python script from Stack Overflow (link to stack overflow commented in file) to convert an image into an array of arrays of RGBA strings, slightly modified it, and created pixels.json
- Then I stole another script from a blog to convert that into hex codes in JS.
- Finally, we attach a shadow dom root element, make it a flexbox, and churn out a bunch of rows of cells. Pixel art!
- Then I did it again with another part of the sprite animation, to make my favorite Sonic 1 sprite animation!
- I enjoyed this item, thank you!
