--- a/client/js/tweetvote-anim.js Sun Feb 19 22:53:19 2012 +0100
+++ b/client/js/tweetvote-anim.js Mon Feb 20 14:36:59 2012 +0100
@@ -291,13 +291,14 @@
walls[3] = null;
} else {
- wall_thickness = 10;
+ wall_thickness = 20;
- walls[0] = createBox(world, 1880, 900, wall_thickness, 900); // rightmost wall
- walls[1] = createBox(world, 1510, 600, wall_thickness, 300); // wall 4 / 3
- walls[2] = createBox(world, 1130, 600, wall_thickness, 300); // wall 3 / 2
- walls[3] = createBox(world, 760, 600, wall_thickness, 300); // wall 2 / 1
- walls[4] = createBox(world, 390, 600, wall_thickness, 300); // leftmostwall
+ walls[0] = createBox(world, 1910, 900, wall_thickness, 900); // rightmost wall
+ walls[1] = createBox(world, 1540, 600, wall_thickness, 300); // wall 4 / 3
+
+ walls[2] = createBox(world, 1160, 600, wall_thickness, 300); // wall 3 / 2
+ walls[3] = createBox(world, 790, 600, wall_thickness, 300); // wall 2 / 1
+ walls[4] = createBox(world, 420, 600, wall_thickness, 300); // leftmostwall
walls[5] = createBox(world, 580, 600, 170, 10); // 4
walls[6] = createBox(world, 950, 750, 170, 10); // 3
@@ -446,11 +447,20 @@
var img = new Image();
img.src = t.profile_image_url;
+
img.onload = function(){
- var ptrn = graphics.createPattern(img,'repeat');
+
+ var canvasCopy = document.createElement("canvas");
+ var copyContext = canvasCopy.getContext("2d");
+
+ canvasCopy.width = 96;
+ canvasCopy.height = 96;
+ copyContext.drawImage(img, 0, 0, 96, 96);
+ var ptrn = graphics.createPattern(canvasCopy,'no-repeat');
graphics.fillStyle = ptrn;
graphics.fill(-5,0,150,150);
+
}