diff --git a/api/assetProxy.js b/api/assetProxy.js
index eb41b7b4..27002c1a 100644
--- a/api/assetProxy.js
+++ b/api/assetProxy.js
@@ -6,7 +6,7 @@ const streamPipeline = util.promisify(stream.pipeline);
 
 const VALID_URL_PATTERNS = [
   /^http:\/\/images\.neopets\.com\/items\/[a-zA-Z0-9_ -]+\.gif$/,
-  /^http:\/\/images\.neopets\.com\/cp\/(bio|items)\/data\/[0-9]{3}\/[0-9]{3}\/[0-9]{3}\/[a-f0-9_]+\/[0-9]+\.svg$/,
+  /^http:\/\/images\.neopets\.com\/cp\/(bio|items)\/data\/[0-9]{3}\/[0-9]{3}\/[0-9]{3}\/[a-f0-9_]+\/[a-zA-Z0-9_\/]+\.(svg|png)$/,
   /^http:\/\/images\.neopets\.com\/cp\/(bio|items)\/swf\/[0-9]{3}\/[0-9]{3}\/[0-9]{3}\/[a-f0-9_]+\.swf$/,
 ];
 
diff --git a/public/animate-test.html b/public/animate-test.html
new file mode 100644
index 00000000..8c0c0dee
--- /dev/null
+++ b/public/animate-test.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <!-- NOTE: These are the non-minified, for debugging. -->
+    <script src="http://images.neopets.com/js/createjs.js"></script>
+    <script src="http://images.neopets.com/cp/items/data/000/000/564/564507_fc3216b9b8/all-item_foreground_lower.js"></script>
+  </head>
+  <body>
+    <div style="display: flex; justify-content: center;">
+      <div
+        style="
+          width: 100%;
+          max-width: 600px;
+          border: 1px solid #aaa;
+          position: relative;
+        "
+      >
+        <div style="padding-bottom: 100%;"></div>
+        <canvas
+          id="stage-canvas"
+          style="
+            position: absolute;
+            left: 0;
+            right: 0;
+            top: 0;
+            bottom: 0;
+            width: 100%;
+            height: 100%;
+          "
+        ></canvas>
+      </div>
+    </div>
+    <script>
+      async function main() {
+        const composition = Object.values(AdobeAn.compositions)[0];
+        const library = composition.getLibrary();
+
+        const manifest = library.properties.manifest.map((item) => ({
+          ...item,
+          type: createjs.Types.IMAGE, // can't infer from assetProxy URL!
+          src:
+            "/api/assetProxy?url=" +
+            encodeURIComponent(
+              "http://images.neopets.com/cp/items/data/000/000/564/564507_fc3216b9b8/" +
+                item.src
+            ),
+        }));
+
+        const queue = new createjs.LoadQueue(false);
+        const queueCompleted = new Promise((resolve) =>
+          queue.on("complete", () => resolve())
+        );
+        queue.loadManifest(manifest, true);
+        await queueCompleted;
+
+        const spriteSheets = composition.getSpriteSheet();
+        for (const { name, frames } of library.ssMetadata) {
+          spriteSheets[name] = new createjs.SpriteSheet({
+            images: [queue.getResult(name)],
+            frames,
+          });
+        }
+        console.log(spriteSheets);
+
+        const movieClip = new library.allitem_foreground_lower();
+
+        const canvas = document.getElementById("stage-canvas");
+        const stage = new library.Stage(canvas);
+        canvas.width = canvas.offsetWidth * window.devicePixelRatio;
+        canvas.height = canvas.offsetHeight * window.devicePixelRatio;
+        stage.scaleX = (canvas.offsetWidth * window.devicePixelRatio) / 600;
+        stage.scaleY = (canvas.offsetHeight * window.devicePixelRatio) / 600;
+
+        stage.addChild(movieClip);
+
+        createjs.Ticker.framerate = library.properties.fps;
+        createjs.Ticker.addEventListener("tick", stage);
+      }
+
+      main();
+    </script>
+  </body>
+</html>
