title: CreateJS - Puzzle Game
body: <p>I am trying to build a puzzle game where I can change the image that is used in the game dynamically. I create various puzzle shapes using the drawscript plugin for illustrator which is great. That long code in .p() has all the information about the vector shape as well as the x and y positions. The beginBitmapFill() function then creates shapes that contain the information in the image for that shape. The downside is that the registration point is 0,0 which means that there is always a offset when dragging the puzzle pieces. Have a look at my fiddle to see what I mean. I have commented out the beginBitmapFill line but uncomment to see it in action. Anyone have any ideas on how to do this?</p>
  
  <pre><code>g = new createjs.Graphics();
  s = new createjs.Shape(g);
  s.graphics.beginBitmapFill(image).s().p("AAAAAYEEAAEEAAEEAAYAAAAhGDIBGA8YAyA8CChuAyAyYA8A8AAB4g8A8YgyAyiChugyA8YhGA8BGDSAAAAYAAAAjSA8g8g8Yg8g8Buh4gyg8Yg8gyh4AAg8AyYgyA8BuB4g8A8Yg8A8jSg8AAAAYAAkEAAkEAAj6");
  s.name = key;
  container.addChild(s);
  </code></pre>
  
  <p><a href="http://jsfiddle.net/non_tech_guy/1yyn4904/" rel="nofollow">http://jsfiddle.net/non_tech_guy/1yyn4904/</a></p>