How to make my own grid and perform a "snap to grid" effect?

Question

Hi! I am a newbie in flash and I am trying to create a puzzle like game (a chinese puzzle game called tangram). I am wondering what kind of functions should I use to create a "triangular" grid i.e. something similar to this ? http://img40.imageshack.us/img40/2259/triangulargrid.jpg. What should I do to make the movie clips to perform the "snap to grid" effect to this grid?I have tried to draw my own grid and used the "cacheAsBitmap" function to implent it, however it doesnt seems to be working. Is there any suggestions or tutorials to this problem? Thank you very much.

Answer 1

Well, the project you are taking is not a simple one. It requires quite an experience with AS3. It is not a few lines of code but an understanding of Flash display list model and how objects can interact. In addition, there is no a single solution but rather wide array of possible approaches depending on use case.
To illustrate, the code below draws a mesh that replicates the image in your first post. Do you think that this is enough from the standpoint of your AS3 knowledge to get you started?
This code needs Flash 10:
var side:Number = 400;
var s:Sprite = new Sprite();
var g:Graphics = s.graphics;
g.lineStyle(3);
//g.beginFill(0xFF8000);
g.drawTriangles(
     Vector.<Number>([     0, 0, side * .5, 0, side, 0,
     side * .25, side * .25, side * .75, side * .25,
     0, side * .5, side * .5, side * .5, side, side * .5,
     side * .25, side * .75, side * .75, side * .75,
     0, side, side * .5, side, side, side
     Vector.<int>([
          0, 1, 3,
          1, 2, 4,
          0, 3, 5,
          1, 3, 6,
          5, 3, 6,
          1, 2, 4,
          1, 4, 6,
          2, 4, 7,
          6, 4, 7,
          5, 6, 8,
          5, 8, 10,
          6, 8, 11,
          10, 8, 11,
          6, 7, 9,
          6, 9, 11,
          7, 9, 12,
          9, 11, 12
addChild(s);