每天学一点flash（69）菱形地图常见的情况

   前一段时间跟civet@drM 讨论了一些这些分布情况，他给了我提出很多建议和想法。一方面是关于这种图形分布，另外方面就是提出解决的方案。 今天，我有了一些感想。我将其记录下来。

     “对一个设计人员来讲，如果他们将复出出来的图案按圆的情况一个个布局。当然这种是人工的情况，但是我们可以利用jsfl 这些命令 对我们舞台上的元件进行命令和参数调节。这样出来的图形就能够呈现出一种分布情况。而不用手动的方式对舞台上每一个元件进行分布。”

  利用菱形制作地图已经是十分普遍以及常用的手法。这个话题已经不是什么新鲜的话题，对于如此我们只是需要借助公司就可以尝试这种变成了下面的图案。

   公式如下：图元块.x=startX+(j-i)*obj.width/2;

                  图元块.y=startY+(j+i)*obj.height/2；

利用公式来制作下面的图案。

制作过程：

  第一步：新建一个文档 cs3 或者 cs4 或者cs5 文档

  第二步：创建文档类

  第三步：制作一个菱形的元件，并将其进行库链接改名为“Tile”

  第四步：编写代码

package { import flash.display.Sprite; import flash.events.*; public class Main extends Sprite { public function Main() { drawMap(4,4); } private function drawMap(row:int,cos:int):void { for (var i:int=0; i<cos; i++) { for (var j:int=0; j<row; j++) { var tile:Tile=new Tile(); addChild(tile) tile.x=320+(j-i)*tile.width/2; tile.y=100+(i+j)*tile.height/2; } } } } }

 

效果很容易出来，后面的事情就需要制作他们交互，对每一块图进行监听进行交互使用。

 

   另外一种同样是采用这种菱形图案分布。在这些情况下，更加专业的术语应该是”等角投影“ 而个人所考虑仅仅是他们位置的情况，故此这种等角投影方面的事情还是有很多需要学习和探讨的地方。而你看到的情况可能会题目不相符合，但是在这里提出一种情况。用作使用。

     

 

  

 

 第三种情况。

  

 

package { import flash.display.Sprite; import flash.events.*; public class Main extends Sprite { public function Main() { drawMap(10,8); } private function drawMap(row:int,cos:int):void { for (var i:int=0; i<cos; i++) { for (var j:int=0; j<row; j++) { if ((i+j)%2==0) { var tile:Tile=new Tile(); addChild(tile); tile.x=20+(i)*tile.width/2; tile.y=20+(j)*tile.height/2; } } } } } }