I’m building the game in javascript using Phaser.io, and I spent a lot of time yesterday trying to a) figure out how to import a gif to the canvas, and b) find and download this one very specific song.

For the gif, I was downloading Gimp extensions, scaling it horribly, and generally trying to pack it into a spritesheet. This was a terrible idea. I got it working by simply putting the gif behind the canvas in the html and setting the canvas transparent when I wanted to show the gif! Hopefully this is useful in the future.

For the song, I spent time mostly on many many fruitless searches for a version I liked. There was a version on soundcloud that couldn’t be downloaded, and that was extremely frustrating to not be able to use it. Until, that is, I realized I could just embed the soundcloud player in the html, too! That took 3 minutes.

In short, there are some great advantages to working in html, I just have to be aware of them!