nddrylliog · August 29, 2015 13:57 · Mar 7, 2014 · Mar 7, 2014 · Mar 7, 2014 · Mar 7, 2014
diff --git a/00_rules.md b/00_rules.md
@@ -1,3 +1,5 @@
 There's an IS_DEV global variable that'll give you access to Game. Don't use it.
 
-Read canvas pixels instead, it's much funnier! This gist should contain all you need.
+Read canvas pixels instead, it's much funnier! This gist should contain all you need.
+
+Keyboard shortcuts are blocked on the page, use right click -> instead to open the inspector.
diff --git a/00_rules.md b/00_rules.md
@@ -0,0 +1,3 @@
+There's an IS_DEV global variable that'll give you access to Game. Don't use it.
+
+Read canvas pixels instead, it's much funnier! This gist should contain all you need.
diff --git a/grab_pixels.js → 02_grab_pixels.js b/grab_pixels.js → 02_grab_pixels.js
diff --git a/01_flap.js b/01_flap.js
@@ -0,0 +1,4 @@
+$('canvas').keydown()
+
+// apparently 'click' doesn't work, but keydown works fine.
+// might want to cache $('canvas') into $canvas or similar for performance.
diff --git a/detect_pipes.js → 03_detect_pipes.js b/detect_pipes.js → 03_detect_pipes.js
diff --git a/flap.js b/flap.js
@@ -1,3 +0,0 @@
-$('canvas').keydown()
-
-// apparently 'click' doesn't work.

diff --git a/grab_pixels.js b/grab_pixels.js
@@ -1,4 +1,10 @@
 var data = $('canvas')[0].getContext("2d").getImageData(0, 0, 800, 512)
 
 // data.width and data.height are 800 and 512
-// data.data is a native RGBA uint8 array, origin is top-left
+// data.data is a native RGBA uint8 array, origin is top-left
+// getting pixel at x, y could be done with:
+
+var r = data.data[(x + y * data.width) * 4 + 0];
+var g = data.data[(x + y * data.width) * 4 + 1];
+var b = data.data[(x + y * data.width) * 4 + 2];
+var a = data.data[(x + y * data.width) * 4 + 3];
diff --git a/detect_pipes.js b/detect_pipes.js
@@ -0,0 +1,18 @@
+// the color of a pipe boundary is (84, 56, 72)
+// apparently red = 84 is unique anywhere else on canvas
+
+for (var x = 0; x < data.width; x++) {
+    var red = data.data[x * 4];
+    if (red != 84) {
+        continue
+    }
+    console.log("pipe x = ", x);
+    for (var y = 0; y < data.height; y++) {
+        var red2 = data.data[(x + y * data.width) * 4];
+        if (red2 == 84) {
+            console.log("pipe y = ", y);
+            continue
+        }
+        break
+    }
+}
diff --git a/flap.js b/flap.js
@@ -0,0 +1,3 @@
+$('canvas').keydown()
+
+// apparently 'click' doesn't work.
diff --git a/grab_pixels.js b/grab_pixels.js
@@ -0,0 +1,4 @@
+var data = $('canvas')[0].getContext("2d").getImageData(0, 0, 800, 512)
+
+// data.width and data.height are 800 and 512
+// data.data is a native RGBA uint8 array, origin is top-left
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		There's an IS_DEV global variable that'll give you access to Game. Don't use it.

		Read canvas pixels instead, it's much funnier! This gist should contain all you need.
Original file line number	Diff line number	Diff line change
		@@ -1,3 +0,0 @@
		$('canvas').keydown()

		// apparently 'click' doesn't work.