client/js/tweetvote-anim.js
changeset 9 fd659ad76e0f
parent 8 d41e19b3b043
child 11 ef4287a73c4a
--- 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);
+
   }