Initial commit.

chromakode · chromakode · commit 394d4f782e84 · 2014-09-06T02:03:15.000-07:00
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# Pixels
+
+This is the frontend code and image processing script for xkcd's ["Pixels"](http://xkcd.com/1416/).
+
+[![Scroll to zoom.](http://imgs.xkcd.com/comics/pixels.png)](http://xkcd.com/1416/)
diff --git a/demo.html b/demo.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<div id="comic">
+<script src="zoom.js"></script>
+<script>
+setTimeout(function() {
+  turtles = new TurtlesDown(document.getElementById('comic'))
+  turtles.start()
+}, 0)
+</script>
+</div>
diff --git a/frame-demo.html b/frame-demo.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<div id="comic">
+  <iframe frameborder="0" scrolling="0" style="display: block; margin: 0 auto; border: none; overflow: hidden" width="600" height="600" src="frame.html"></iframe>
+</div>
diff --git a/frame.html b/frame.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+<head>
+  <style>
+    html, body { margin: 0; overflow: hidden }
+  </style>
+</head>
+<body>
+  <div id="comic">
+    <img src="http://imgs.xkcd.com/comics/pixels.png" title="It&#39;s turtles all the way down." alt="Pixels" />
+  </div>
+  <script src="zoom.js"></script>
+  <script>
+    turtles = new TurtlesDown(document.getElementById('comic'))
+    turtles.start()
+  </script>
+</body>
+</html>
diff --git a/scale.py b/scale.py
@@ -0,0 +1,43 @@
+# pixels image scaler / spriter
+# by chromakode and davean
+
+import sys
+import os
+import os.path
+import math
+from os import listdir
+
+paths = ["600px/black", "600px/white"]
+
+for color in ["black", "white"]:
+    p = os.path.join("600px", color)
+    imgs = [(f, os.path.splitext(os.path.basename(f))) for f in [os.path.join(p, wf) for wf in listdir(p)] if os.path.isfile(f)]
+
+    step = 1.5
+
+    for (target, (fname, ext)) in imgs:
+        outputs = []
+
+        size = 600
+        while size >= 1:
+            scaled_name = "scaled/{fname}-{size}{ext}".format(
+                fname=fname,
+                size=size,
+                ext=ext,
+            )
+            os.system("convert {target} -resize {size}x{size} -extent 600x600 {scaled_name}".format(
+                target=target,
+                size=size,
+                scaled_name=scaled_name,
+            ))
+            outputs.append(scaled_name)
+            size = int(step ** (math.ceil(math.log(size, step)) - 1))
+
+        os.system("convert {outputs} +append scaled/{fname}-tiled{ext}".format(
+            outputs=" ".join(outputs),
+            fname=fname,
+            ext=ext,
+        ))
+
+        for of in outputs:
+            os.remove(of)
diff --git a/zoom.js b/zoom.js
