diff -r d41e19b3b043 -r fd659ad76e0f client/js/tweetvote-anim.js --- 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); + }