Files
2026-01-21 18:11:33 +08:00

1818 lines
51 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
(function(window,document,Laya){
var __un=Laya.un,__uns=Laya.uns,__static=Laya.static,__class=Laya.class,__getset=Laya.getset,__newvec=Laya.__newvec;
var Browser=laya.utils.Browser,Handler=laya.utils.Handler,Loader=laya.net.Loader,Point=laya.maths.Point;
var Rectangle=laya.maths.Rectangle,Render=laya.renders.Render,Sprite=laya.display.Sprite,Texture=laya.resource.Texture;
/**
*tiledMap是整个地图的核心
*地图以层级来划分地图(例如:地表层,植被层,建筑层)
*每层又以分块GridSprite)来处理显示对象,只显示在视口区域的区
*每块又包括N*N个格子tile)
*格子类型又分为动画格子跟图片格子两种
*@author ...
*/
//class laya.map.TiledMap
var TiledMap=(function(){
var GRect,TileMapAniData,TileSet;
function TiledMap(){
this._jsonData=null;
this._tileTexSetArr=[];
this._texArray=[];
this._x=0;
this._y=0;
this._width=0;
this._height=0;
this._mapW=0;
this._mapH=0;
this._mapTileW=0;
this._mapTileH=0;
this._mapSprite=null;
this._layerArray=[];
this._gridArray=[];
this._showGridKey=false;
this._totalGridNum=0;
this._gridW=0;
this._gridH=0;
this._gridWidth=450;
this._gridHeight=450;
this._jsonLoader=null;
this._loader=null;
this._tileSetArray=[];
this._currTileSet=null;
this._completeHandler=null;
this._index=0;
this._animationDic={};
this._properties=null;
this._tileProperties={};
this._orientation="orthogonal";
this._renderOrder="right-down";
this._colorArray=["FF","00","33","66"];
this._scale=1;
this._pivotScaleX=0.5;
this._pivotScaleY=0.5;
this._centerX=0;
this._centerY=0;
this._viewPortX=0;
this._viewPortY=0;
this._viewPortWidth=0;
this._viewPortHeight=0;
this._enableLinear=true;
this._resPath=null;
this._pathArray=null;
this._limitRange=false;
this._rect=new Rectangle();
this._paddingRect=new Rectangle();
this._mapRect=new GRect();
this._mapLastRect=new GRect();
}
__class(TiledMap,'laya.map.TiledMap');
var __proto=TiledMap.prototype;
/**
*创建地图
*@param mapName JSON文件名字
*@param viewRect 视口区域
*@param completeHandler 地图创建完成的回调函数
*@param viewRectPadding 视口扩充区域,把视口区域上、下、左、右扩充一下,防止视口移动时的穿帮
*@param gridSize grid大小
*@param enableLinear 是否开启线性取样为false时可以解决地图黑线的问题但画质会锐化
*@param limitRange 把地图限制在显示区域
*/
__proto.createMap=function(mapName,viewRect,completeHandler,viewRectPadding,gridSize,enableLinear,limitRange){
(enableLinear===void 0)&& (enableLinear=true);
(limitRange===void 0)&& (limitRange=false);
this._enableLinear=enableLinear;
this._limitRange=limitRange;
this._rect.x=viewRect.x;
this._rect.y=viewRect.y;
this._rect.width=viewRect.width;
this._rect.height=viewRect.height;
this._viewPortWidth=viewRect.width / this._scale;
this._viewPortHeight=viewRect.height / this._scale;
this._completeHandler=completeHandler;
if (viewRectPadding){
this._paddingRect.copyFrom(viewRectPadding);
}else {
this._paddingRect.setTo(0,0,0,0);
}
if (gridSize){
this._gridWidth=gridSize.x;
this._gridHeight=gridSize.y;
};
var tIndex=mapName.lastIndexOf("/");
if (tIndex >-1){
this._resPath=mapName.substr(0,tIndex);
this._pathArray=this._resPath.split("/");
}else {
this._resPath="";
this._pathArray=[];
}
this._jsonLoader=new Loader();
this._jsonLoader.once("complete",this,this.onJsonComplete);
this._jsonLoader.load(mapName,/*laya.net.Loader.JSON*/"json",false);
}
/**
*json文件读取成功后解析里面的纹理数据进行加载
*@param e JSON数据
*/
__proto.onJsonComplete=function(e){
this._mapSprite=new Sprite();
Laya.stage.addChild(this._mapSprite);
var tJsonData=this._jsonData=e;
this._properties=tJsonData.properties;
this._orientation=tJsonData.orientation;
this._renderOrder=tJsonData.renderorder;
this._mapW=tJsonData.width;
this._mapH=tJsonData.height;
this._mapTileW=tJsonData.tilewidth;
this._mapTileH=tJsonData.tileheight;
this._width=this._mapTileW *this._mapW;
this._height=this._mapTileH *this._mapH;
this._mapLastRect.top=this._mapLastRect.bottom=this._mapLastRect.left=this._mapLastRect.right=-1;
var tArray=tJsonData.tilesets;
var tileset;
var tTileSet;
var i=0;
for (i=0;i < tArray.length;i++){
tileset=tArray[i];
tTileSet=new TileSet();
tTileSet.init(tileset);
this._tileProperties[i]=tTileSet.tileproperties;
this._tileSetArray.push(tTileSet);
var tTiles=tileset.tiles;
if (tTiles){
for (var p in tTiles){
var tAnimation=tTiles[p].animation;
if (tAnimation){
var tAniData=new TileMapAniData();
this._animationDic[p]=tAniData;
for (var j=0;j < tAnimation.length;j++){
var tAnimationItem=tAnimation[j];
tAniData.mAniIdArray.push(tAnimationItem.tileid);
tAniData.mDurationTimeArray.push(tAnimationItem.duration);
}
}
}
}
}
this._tileTexSetArr.push(null);
if (this._tileSetArray.length > 0){
tTileSet=this._currTileSet=this._tileSetArray.shift();
this._loader=new Loader();
this._loader.once("complete",this,this.onTextureComplete);
var tPath=this.mergePath(this._resPath,tTileSet.image);
this._loader.load(tPath,/*laya.net.Loader.IMAGE*/"image",false);
}
}
/**
*合并路径
*@param resPath
*@param relativePath
*@return
*/
__proto.mergePath=function(resPath,relativePath){
var tResultPath="";
var tImageArray=relativePath.split("/");
var tParentPathNum=0;
var i=0;
for (i=tImageArray.length-1;i >=0;i--){
if (tImageArray[i]==".."){
tParentPathNum++;
}
}
if (tParentPathNum==0){
if (this._pathArray.length > 0){
tResultPath=resPath+"/"+relativePath;
}else {
tResultPath=relativePath;
}
return tResultPath;
};
var tSrcNum=this._pathArray.length-tParentPathNum;
if (tSrcNum < 0){
console.log("[error]path does not exist");
}
for (i=0;i < tSrcNum;i++){
if (i==0){
tResultPath+=this._pathArray[i];
}else {
tResultPath=tResultPath+"/"+this._pathArray[i];
}
}
for (i=tParentPathNum;i < tImageArray.length;i++){
tResultPath=tResultPath+"/"+tImageArray[i];
}
return tResultPath;
}
/**
*纹理加载完成,如果所有的纹理加载,开始初始化地图
*@param e 纹理数据
*/
__proto.onTextureComplete=function(e){
var json=this._jsonData;
var tTexture=e;
if (Render.isWebGL && (!this._enableLinear)){
tTexture.bitmap.minFifter=0x2600;
tTexture.bitmap.magFifter=0x2600;
tTexture.bitmap.enableMerageInAtlas=false;
}
this._texArray.push(tTexture);
var tSubTexture=null;
var tTileSet=this._currTileSet;
var tTileTextureW=tTileSet.tilewidth;
var tTileTextureH=tTileSet.tileheight;
var tImageWidth=tTileSet.imagewidth;
var tImageHeight=tTileSet.imageheight;
var tFirstgid=tTileSet.firstgid;
var tTileWNum=Math.floor((tImageWidth-tTileSet.margin-tTileTextureW)/ (tTileTextureW+tTileSet.spacing))+1;
var tTileHNum=Math.floor((tImageHeight-tTileSet.margin-tTileTextureH)/ (tTileTextureH+tTileSet.spacing))+1;
var tTileTexSet=null;
for (var i=0;i < tTileHNum;i++){
for (var j=0;j < tTileWNum;j++){
tTileTexSet=new TileTexSet();
tTileTexSet.offX=tTileSet.titleoffsetX;
tTileTexSet.offY=tTileSet.titleoffsetY-(tTileTextureH-this._mapTileH);
tTileTexSet.texture=Texture.create(tTexture,tTileSet.margin+(tTileTextureW+tTileSet.spacing)*j,tTileSet.margin+(tTileTextureH+tTileSet.spacing)*i,tTileTextureW,tTileTextureH);
this._tileTexSetArr.push(tTileTexSet);
tTileTexSet.gid=this._tileTexSetArr.length;
}
}
if (this._tileSetArray.length > 0){
tTileSet=this._currTileSet=this._tileSetArray.shift();
this._loader.once("complete",this,this.onTextureComplete);
var tPath=this.mergePath(this._resPath,tTileSet.image);
this._loader.load(tPath,/*laya.net.Loader.IMAGE*/"image",false);
}else {
this._currTileSet=null;
this.initMap();
}
}
/**
*初始化地图
*/
__proto.initMap=function(){
var i=0,n=0;
for (var p in this._animationDic){
var tTileTexSet=this.getTexture(parseInt(p)+1);
var tAniData=this._animationDic[p];
if (tAniData.mAniIdArray.length > 0){
tTileTexSet.textureArray=[];
tTileTexSet.durationTimeArray=tAniData.mDurationTimeArray;
tTileTexSet.isAnimation=true;
tTileTexSet.animationTotalTime=0;
for (i=0,n=tTileTexSet.durationTimeArray.length;i < n;i++){
tTileTexSet.animationTotalTime+=tTileTexSet.durationTimeArray[i];
}
for (i=0,n=tAniData.mAniIdArray.length;i < n;i++){
var tTexture=this.getTexture(tAniData.mAniIdArray[i]+1);
tTileTexSet.textureArray.push(tTexture);
}
}
}
this._gridWidth=Math.floor(this._gridWidth / this._mapTileW)*this._mapTileW;
this._gridHeight=Math.floor(this._gridHeight / this._mapTileH)*this._mapTileH;
if (this._gridWidth < this._mapTileW){
this._gridWidth=this._mapTileW;
}
if (this._gridWidth < this._mapTileH){
this._gridWidth=this._mapTileH;
}
this._gridW=Math.ceil(this._width / this._gridWidth);
this._gridH=Math.ceil(this._height / this._gridHeight);
this._totalGridNum=this._gridW *this._gridH;
for (i=0;i < this._gridH;i++){
var tGridArray=[];
this._gridArray.push(tGridArray);
for (var j=0;j < this._gridW;j++){
tGridArray.push(null);
}
};
var tLayerArray=this._jsonData.layers;
for (var tLayerLoop=0;tLayerLoop < tLayerArray.length;tLayerLoop++){
var tLayerData=tLayerArray[tLayerLoop];
if (tLayerData.visible==true){
var tMapLayer=new MapLayer();
tMapLayer.init(tLayerData,this);
this._mapSprite.addChild(tMapLayer);
this._layerArray.push(tMapLayer);
}
}
this.moveViewPort(this._rect.x,this._rect.y);
if (this._completeHandler !=null){
this._completeHandler.run();
}
}
/**
*得到一块指定的地图纹理
*@param index 纹理的索引值默认从1开始
*@return
*/
__proto.getTexture=function(index){
if (index < this._tileTexSetArr.length){
return this._tileTexSetArr[index];
}
return null;
}
/**
*得到地图的自定义属性
*@param name 属性名称
*@return
*/
__proto.getMapProperties=function(name){
if (this._properties){
return this._properties[name];
}
return null;
}
/**
*得到tile自定义属性
*@param index 地图块索引
*@param id 具体的TileSetID
*@param name 属性名称
*@return
*/
__proto.getTileProperties=function(index,id,name){
if (this._tileProperties[index] && this._tileProperties[index][id]){
return this._tileProperties[index][id][name];
}
return null;
}
/**
*通过纹理索引,生成一个可控制物件
*@param index 纹理的索引值默认从1开始
*@return
*/
__proto.getSprite=function(index,width,height){
if (0 < this._tileTexSetArr.length){
var tGridSprite=new GridSprite();
tGridSprite.initData(this,true);
var tTileTexSet=this._tileTexSetArr[index];
if (tTileTexSet !=null && tTileTexSet.texture !=null){
if (tTileTexSet.isAnimation){
var tAnimationSprite=new TileAniSprite();
this._index++;
tAnimationSprite.setTileTextureSet(this._index.toString(),tTileTexSet);
tGridSprite.addAniSprite(tAnimationSprite);
tGridSprite.addChild(tAnimationSprite);
}else {
tGridSprite.graphics.drawTexture(tTileTexSet.texture,0,0,width,height);
}
tGridSprite.drawImageNum++;
}
return tGridSprite;
}
return null;
}
/**
*设置视口的缩放中心点例如scaleX=scaleY=0.5,就是以视口中心缩放)
*@param scaleX
*@param scaleY
*/
__proto.setViewPortPivotByScale=function(scaleX,scaleY){
this._pivotScaleX=scaleX;
this._pivotScaleY=scaleY;
}
/**
*移动视口
*@param moveX 视口的坐标x
*@param moveY 视口的坐标y
*/
__proto.moveViewPort=function(moveX,moveY){
this._x=-moveX;
this._y=-moveY;
this._rect.x=moveX;
this._rect.y=moveY;
this.updateViewPort();
}
/**
*改变视口大小
*@param moveX 视口的坐标x
*@param moveY 视口的坐标y
*@param width 视口的宽
*@param height 视口的高
*/
__proto.changeViewPort=function(moveX,moveY,width,height){
this._x=-moveX;
this._y=-moveY;
this._rect.x=moveX;
this._rect.y=moveY;
this._rect.width=width;
this._rect.height=height;
this._viewPortWidth=width / this._scale;
this._viewPortHeight=height / this._scale;
this.updateViewPort();
}
/**
*在锚点的基础上计算,通过宽和高,重新计算视口
*@param width 新视口宽
*@param height 新视口高
*@param rect 返回的结果
*@return
*/
__proto.changeViewPortBySize=function(width,height,rect){
if (rect==null){
rect=new Rectangle();
}
this._centerX=this._rect.x+this._rect.width *this._pivotScaleX;
this._centerY=this._rect.y+this._rect.height *this._pivotScaleY;
rect.x=this._centerX-width *this._pivotScaleX;
rect.y=this._centerY-height *this._pivotScaleY;
rect.width=width;
rect.height=height;
this.changeViewPort(rect.x,rect.y,rect.width,rect.height);
return rect;
}
/**
*刷新视口
*/
__proto.updateViewPort=function(){
this._centerX=this._rect.x+this._rect.width *this._pivotScaleX;
this._centerY=this._rect.y+this._rect.height *this._pivotScaleY;
this._viewPortX=this._centerX-this._rect.width *this._pivotScaleX/ this._scale;
this._viewPortY=this._centerY-this._rect.height *this._pivotScaleY / this._scale;
if (this._limitRange){
var tRight=this._viewPortX+this._viewPortWidth;
if (tRight > this._width){
this._viewPortX=this._width-this._viewPortWidth;
};
var tBottom=this._viewPortY+this._viewPortHeight;
if (tBottom > this._height){
this._viewPortY=this._height-this._viewPortHeight;
}
if (this._viewPortX < 0){
this._viewPortX=0;
}
if (this._viewPortY < 0){
this._viewPortY=0;
}
};
var tPaddingRect=this._paddingRect;
this._mapRect.top=Math.floor((this._viewPortY-tPaddingRect.y)/ this._gridHeight);
this._mapRect.bottom=Math.floor((this._viewPortY+this._viewPortHeight+tPaddingRect.height+tPaddingRect.y)/ this._gridHeight);
this._mapRect.left=Math.floor((this._viewPortX-tPaddingRect.x)/ this._gridWidth);
this._mapRect.right=Math.floor((this._viewPortX+this._viewPortWidth+tPaddingRect.width+tPaddingRect.x)/ this._gridWidth);
this.clipViewPort();
this._mapLastRect.top=this._mapRect.top;
this._mapLastRect.bottom=this._mapRect.bottom;
this._mapLastRect.left=this._mapRect.left;
this._mapLastRect.right=this._mapRect.right;
var tMapLayer;
for (var i=0;i < this._layerArray.length;i++){
tMapLayer=this._layerArray[i];
tMapLayer.updateGridPos();
}
}
/**
*GRID裁剪
*/
__proto.clipViewPort=function(){
var tSpriteNum=0;
var tSprite;
var tIndex=0;
var tSub=0;
var tAdd=0;
var i=0,j=0;
if (this._mapRect.left > this._mapLastRect.left){
tSub=this._mapRect.left-this._mapLastRect.left;
if (tSub > 0){
for (j=this._mapLastRect.left;j < this._mapLastRect.left+tSub;j++){
for (i=this._mapLastRect.top;i <=this._mapLastRect.bottom;i++){
this.hideGrid(j,i);
}
}
}
}else {
tAdd=this._mapLastRect.left-this._mapRect.left;
if (tAdd > 0){
for (j=this._mapRect.left;j < this._mapRect.left+tAdd;j++){
for (i=this._mapRect.top;i <=this._mapRect.bottom;i++){
this.showGrid(j,i);
}
}
}
}
if (this._mapRect.right > this._mapLastRect.right){
tAdd=this._mapRect.right-this._mapLastRect.right;
if (tAdd > 0){
for (j=this._mapLastRect.right+1;j <=this._mapLastRect.right+tAdd;j++){
for (i=this._mapRect.top;i <=this._mapRect.bottom;i++){
this.showGrid(j,i);
}
}
}
}else {
tSub=this._mapLastRect.right-this._mapRect.right
if (tSub > 0){
for (j=this._mapRect.right+1;j <=this._mapRect.right+tSub;j++){
for (i=this._mapLastRect.top;i <=this._mapLastRect.bottom;i++){
this.hideGrid(j,i);
}
}
}
}
if (this._mapRect.top > this._mapLastRect.top){
tSub=this._mapRect.top-this._mapLastRect.top;
if (tSub > 0){
for (i=this._mapLastRect.top;i < this._mapLastRect.top+tSub;i++){
for (j=this._mapLastRect.left;j <=this._mapLastRect.right;j++){
this.hideGrid(j,i);
}
}
}
}else {
tAdd=this._mapLastRect.top-this._mapRect.top;
if (tAdd > 0){
for (i=this._mapRect.top;i < this._mapRect.top+tAdd;i++){
for (j=this._mapRect.left;j <=this._mapRect.right;j++){
this.showGrid(j,i);
}
}
}
}
if (this._mapRect.bottom > this._mapLastRect.bottom){
tAdd=this._mapRect.bottom-this._mapLastRect.bottom;
if (tAdd > 0){
for (i=this._mapLastRect.bottom+1;i <=this._mapLastRect.bottom+tAdd;i++){
for (j=this._mapRect.left;j <=this._mapRect.right;j++){
this.showGrid(j,i);
}
}
}
}else {
tSub=this._mapLastRect.bottom-this._mapRect.bottom
if (tSub > 0){
for (i=this._mapRect.bottom+1;i <=this._mapRect.bottom+tSub;i++){
for (j=this._mapLastRect.left;j <=this._mapLastRect.right;j++){
this.hideGrid(j,i);
}
}
}
}
}
/**
*显示指定的GRID
*@param gridX
*@param gridY
*/
__proto.showGrid=function(gridX,gridY){
if (gridX < 0 || gridX >=this._gridW || gridY < 0 || gridY >=this._gridH){
return;
};
var i=0,j=0;
var tGridSprite;
var tTempArray=this._gridArray[gridY][gridX];
if (tTempArray==null){
tTempArray=this._gridArray[gridY][gridX]=[];
var tLeft=0;
var tRight=0;
var tTop=0;
var tBottom=0;
var tGridWidth=this._gridWidth;
var tGridHeight=this._gridHeight;
switch (this.orientation){
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_ISOMETRIC*/"isometric":
tLeft=Math.floor(gridX *tGridWidth);
tRight=Math.floor(gridX *tGridWidth+tGridWidth);
tTop=Math.floor(gridY *tGridHeight);
tBottom=Math.floor(gridY *tGridHeight+tGridHeight);
var tLeft1=0,tRight1=0,tTop1=0,tBottom1=0;
break ;
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_STAGGERED*/"staggered":
tLeft=Math.floor(gridX *tGridWidth / this._mapTileW);
tRight=Math.floor((gridX *tGridWidth+tGridWidth)/ this._mapTileW);
tTop=Math.floor(gridY *tGridHeight / (this._mapTileH/2));
tBottom=Math.floor((gridY *tGridHeight+tGridHeight)/ (this._mapTileH/2));
break ;
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_ORTHOGONAL*/"orthogonal":
tLeft=Math.floor(gridX *tGridWidth / this._mapTileW);
tRight=Math.floor((gridX *tGridWidth+tGridWidth)/ this._mapTileW);
tTop=Math.floor(gridY *tGridHeight / this._mapTileH);
tBottom=Math.floor((gridY *tGridHeight+tGridHeight)/ this._mapTileH);
break ;
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_HEXAGONAL*/"hexagonal":;
var tHeight=this._mapTileH *2 / 3;
tLeft=Math.floor(gridX *tGridWidth / this._mapTileW);
tRight=Math.ceil((gridX *tGridWidth+tGridWidth)/ this._mapTileW);
tTop=Math.floor(gridY *tGridHeight / tHeight);
tBottom=Math.ceil((gridY *tGridHeight+tGridHeight)/ tHeight);
break ;
};
var tLayer=null;
for (var z=0;z < this._layerArray.length;z++){
tLayer=this._layerArray[z];
tGridSprite=tLayer.getDrawSprite(gridX,gridY);
tTempArray.push(tGridSprite);
var tColorStr;
if (this._showGridKey){
tColorStr="#";
tColorStr+=this._colorArray[Math.floor(Math.random()*this._colorArray.length)];
tColorStr+=this._colorArray[Math.floor(Math.random()*this._colorArray.length)];
tColorStr+=this._colorArray[Math.floor(Math.random()*this._colorArray.length)];
}
switch (this.orientation){
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_ISOMETRIC*/"isometric":;
var tHalfTileHeight=this.tileHeight / 2;
var tHalfTileWidth=this.tileWidth / 2;
var tHalfMapWidth=this._width / 2;
tTop1=Math.floor(tTop / tHalfTileHeight);
tBottom1=Math.floor(tBottom / tHalfTileHeight);
tLeft1=this._mapW+Math.floor((tLeft-tHalfMapWidth)/ tHalfTileWidth);
tRight1=this._mapW+Math.floor((tRight-tHalfMapWidth)/ tHalfTileWidth);
var tMapW=this._mapW *2;
var tMapH=this._mapH *2;
if (tTop1 < 0){
tTop1=0;
}
if (tTop1 >=tMapH){
tTop1=tMapH-1;
}
if (tBottom1 < 0){
tBottom=0;
}
if (tBottom1 >=tMapH){
tBottom1=tMapH-1;
}
tGridSprite.zOrder=this._totalGridNum *z+gridY *this._gridW+gridX;
for (i=tTop1;i < tBottom1;i++){
for (j=0;j <=i;j++){
var tIndexX=i-j;
var tIndexY=j;
var tIndexValue=(tIndexX-tIndexY)+this._mapW;
if (tIndexValue > tLeft1 && tIndexValue <=tRight1){
if (tLayer.drawTileTexture(tGridSprite,tIndexX,tIndexY)){
tGridSprite.drawImageNum++;
}
}
}
}
break ;
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_STAGGERED*/"staggered":
tGridSprite.zOrder=z *this._totalGridNum+gridY *this._gridW+gridX;
for (i=tTop;i < tBottom;i++){
for (j=tLeft;j < tRight;j++){
if (tLayer.drawTileTexture(tGridSprite,j,i)){
tGridSprite.drawImageNum++;
}
}
}
break ;
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_ORTHOGONAL*/"orthogonal":
case /*CLASS CONST:laya.map.TiledMap.ORIENTATION_HEXAGONAL*/"hexagonal":
switch (this._renderOrder){
case "right-down":
tGridSprite.zOrder=z *this._totalGridNum+gridY *this._gridW+gridX;
for (i=tTop;i < tBottom;i++){
for (j=tLeft;j < tRight;j++){
if (tLayer.drawTileTexture(tGridSprite,j,i)){
tGridSprite.drawImageNum++;
}
}
}
break ;
case "right-up":
tGridSprite.zOrder=z *this._totalGridNum+(this._gridH-1-gridY)*this._gridW+gridX;
for (i=tBottom-1;i >=tTop;i--){
for (j=tLeft;j < tRight;j++){
if (tLayer.drawTileTexture(tGridSprite,j,i)){
tGridSprite.drawImageNum++;
}
}
}
break ;
case "left-down":
tGridSprite.zOrder=z *this._totalGridNum+gridY *this._gridW+(this._gridW-1-gridX);
for (i=tTop;i < tBottom;i++){
for (j=tRight-1;j >=tLeft;j--){
if (tLayer.drawTileTexture(tGridSprite,j,i)){
tGridSprite.drawImageNum++;
}
}
}
break ;
case "left-up":
tGridSprite.zOrder=z *this._totalGridNum+(this._gridH-1-gridY)*this._gridW+(this._gridW-1-gridX);
for (i=tBottom-1;i >=tTop;i--){
for (j=tRight-1;j >=tLeft;j--){
if (tLayer.drawTileTexture(tGridSprite,j,i)){
tGridSprite.drawImageNum++;
}
}
}
break ;
}
break ;
}
if (!tGridSprite.isHaveAnimation){
tGridSprite.autoSize=true;
tGridSprite.cacheAs="bitmap";
tGridSprite.autoSize=false;
}
if (tGridSprite.drawImageNum > 0){
tLayer.addChild(tGridSprite);
}
if (this._showGridKey){
tGridSprite.graphics.drawRect(0,0,tGridWidth,tGridHeight,null,tColorStr);
}
}
}else {
for (i=0;i < tTempArray.length && i < this._layerArray.length;i++){
var tLayerSprite=this._layerArray[i];
if (tLayerSprite && tTempArray[i]){
tGridSprite=tTempArray[i];
if (tGridSprite.visible==false && tGridSprite.drawImageNum > 0){
tGridSprite.show();
}
}
}
}
}
/**
*隐藏指定的GRID
*@param gridX
*@param gridY
*/
__proto.hideGrid=function(gridX,gridY){
if (gridX < 0 || gridX >=this._gridW || gridY < 0 || gridY >=this._gridH){
return;
};
var tTempArray=this._gridArray[gridY][gridX];
if (tTempArray){
var tGridSprite;
for (var i=0;i < tTempArray.length;i++){
tGridSprite=tTempArray[i];
if (tGridSprite.drawImageNum > 0){
if (tGridSprite !=null){
tGridSprite.hide();
}
}
}
}
}
/**
*得到对象层上的某一个物品
*@param layerName 层的名称
*@param objectName 所找物品的名称
*@return
*/
__proto.getLayerObject=function(layerName,objectName){
var tLayer=null;
for (var i=0;i < this._layerArray.length;i++){
tLayer=this._layerArray[i];
if (tLayer.layerName==layerName){
break ;
}
}
if (tLayer){
return tLayer.getObjectByName(objectName);
}
return null;
}
/**
*销毁地图
*/
__proto.destroy=function(){
this._orientation="orthogonal";
this._jsonData=null;
var i=0;
var j=0;
var z=0;
this._gridArray=[];
var tTileTexSet;
for (i=0;i < this._tileTexSetArr.length;i++){
tTileTexSet=this._tileTexSetArr[i];
if (tTileTexSet){
tTileTexSet.clearAll();
}
}
this._tileTexSetArr=[];
var tTexture;
for (i=0;i < this._texArray.length;i++){
tTexture=this._texArray[i];
tTexture.destroy();
}
this._texArray=[];
this._width=0;
this._height=0;
this._mapW=0;
this._mapH=0;
this._mapTileW=0;
this._mapTileH=0;
this._rect.setTo(0,0,0,0);
var tLayer;
for (i=0;i < this._layerArray.length;i++){
tLayer=this._layerArray[i];
tLayer.clearAll();
}
this._layerArray=[];
if (this._mapSprite){
this._mapSprite.destroy();
this._mapSprite=null;
}
this._jsonLoader=null;
this._loader=null;
var tDic=this._animationDic;
for (var p in tDic){
delete tDic[p];
}
this._properties=null;
tDic=this._tileProperties;
for (p in tDic){
delete tDic[p];
}
this._currTileSet=null;
this._completeHandler=null;
this._mapRect.clearAll();
this._mapLastRect.clearAll();
this._tileSetArray=[];
this._gridWidth=450;
this._gridHeight=450;
this._gridW=0;
this._gridH=0;
this._x=0;
this._y=0;
this._index=0;
this._enableLinear=true;
this._resPath=null;
this._pathArray=null;
}
/**
*整个地图的显示容器
*@return 地图的显示容器
*/
__proto.mapSprite=function(){
return this._mapSprite;
}
/**
*得到指定的MapLayer
*@param layerName 要找的层名称
*@return
*/
__proto.getLayerByName=function(layerName){
var tMapLayer;
for (var i=0;i < this._layerArray.length;i++){
tMapLayer=this._layerArray[i];
if (layerName==tMapLayer.layerName){
return tMapLayer;
}
}
return null;
}
/**
*通过索引得MapLayer
*@param index 要找的层索引
*@return
*/
__proto.getLayerByIndex=function(index){
if (index < this._layerArray.length){
return this._layerArray[index];
}
return null;
}
/**
*当前地图类型
*/
__getset(0,__proto,'orientation',function(){
return this._orientation;
});
/**
*@private
*视口x坐标
*/
__getset(0,__proto,'viewPortX',function(){
return-this._viewPortX;
});
/**
*设置地图缩放
*@param scale
*/
/**
*得到当前地图的缩放
*/
__getset(0,__proto,'scale',function(){
return this._scale;
},function(scale){
if (scale <=0)return;
this._scale=scale;
this._viewPortWidth=this._rect.width / scale;
this._viewPortHeight=this._rect.height / scale;
this._mapSprite.scale(this._scale,this._scale);
this.updateViewPort();
});
/**
*格子的宽度
*/
__getset(0,__proto,'tileWidth',function(){
return this._mapTileW;
});
/**
*@private
*视口的y坐标
*/
__getset(0,__proto,'viewPortY',function(){
return-this._viewPortY;
});
/**
*格子的高度
*/
__getset(0,__proto,'tileHeight',function(){
return this._mapTileH;
});
/**
*地图的宽度
*/
__getset(0,__proto,'width',function(){
return this._width;
});
/**
*地图竖向的格子数
*/
__getset(0,__proto,'numRowsTile',function(){
return this._mapH;
});
/**
*地图横向的格子数
*/
__getset(0,__proto,'numColumnsTile',function(){
return this._mapW;
});
/**
*地图的高度
*/
__getset(0,__proto,'height',function(){
return this._height;
});
/**
*@private
*视口的宽度
*/
__getset(0,__proto,'viewPortWidth',function(){
return this._viewPortWidth;
});
/**
*@private
*视口的高度
*/
__getset(0,__proto,'viewPortHeight',function(){
return this._viewPortHeight;
});
/**
*地图的x坐标
*/
__getset(0,__proto,'x',function(){
return this._x;
});
/**
*地图的y坐标
*/
__getset(0,__proto,'y',function(){
return this._y;
});
/**
*块的宽度
*/
__getset(0,__proto,'gridWidth',function(){
return this._gridWidth;
});
/**
*块的高度
*/
__getset(0,__proto,'gridHeight',function(){
return this._gridHeight;
});
/**
*地图的横向块数
*/
__getset(0,__proto,'numColumnsGrid',function(){
return this._gridW;
});
/**
*地图的坚向块数
*/
__getset(0,__proto,'numRowsGrid',function(){
return this._gridH;
});
/**
*tile渲染顺序
*/
__getset(0,__proto,'renderOrder',function(){
return this._renderOrder;
});
TiledMap.ORIENTATION_ORTHOGONAL="orthogonal";
TiledMap.ORIENTATION_ISOMETRIC="isometric";
TiledMap.ORIENTATION_STAGGERED="staggered";
TiledMap.ORIENTATION_HEXAGONAL="hexagonal";
TiledMap.RENDERORDER_RIGHTDOWN="right-down";
TiledMap.RENDERORDER_RIGHTUP="right-up";
TiledMap.RENDERORDER_LEFTDOWN="left-down";
TiledMap.RENDERORDER_LEFTUP="left-up";
TiledMap.__init$=function(){
//class GRect
GRect=(function(){
function GRect(){
this.left=0;
this.top=0;
this.right=0;
this.bottom=0;
}
__class(GRect,'');
var __proto=GRect.prototype;
__proto.clearAll=function(){
this.left=this.top=this.right=this.bottom=0;
}
return GRect;
})()
//class TileMapAniData
TileMapAniData=(function(){
function TileMapAniData(){
this.mAniIdArray=[];
this.mDurationTimeArray=[];
this.mTileTexSetArr=[];
}
__class(TileMapAniData,'');
return TileMapAniData;
})()
//class TileSet
TileSet=(function(){
function TileSet(){
this.firstgid=0;
this.image="";
this.imageheight=0;
this.imagewidth=0;
this.margin=0;
this.name=0;
this.properties=null;
this.spacing=0;
this.tileheight=0;
this.tilewidth=0;
this.titleoffsetX=0;
this.titleoffsetY=0;
this.tileproperties=null;
}
__class(TileSet,'');
var __proto=TileSet.prototype;
__proto.init=function(data){
this.firstgid=data.firstgid;
this.image=data.image;
this.imageheight=data.imageheight;
this.imagewidth=data.imagewidth;
this.margin=data.margin;
this.name=data.name;
this.properties=data.properties;
this.spacing=data.spacing;
this.tileheight=data.tileheight;
this.tilewidth=data.tilewidth;
this.tileproperties=data.tileproperties;
var tTileoffset=data.tileoffset;
if (tTileoffset){
this.titleoffsetX=tTileoffset.x;
this.titleoffsetY=tTileoffset.y;
}
}
return TileSet;
})()
}
return TiledMap;
})()
/**
*此类是子纹理类,也包括同类动画的管理
*TiledMap会把纹理分割成无数子纹理也可以把其中的某块子纹理替换成一个动画序列
*本类的实现就是如果发现子纹理被替换成一个动画序列animationKey会被设为true
*即animationKey为true,就使用TileAniSprite来做显示把动画序列根据时间画到TileAniSprite上
*@author ...
*/
//class laya.map.TileTexSet
var TileTexSet=(function(){
function TileTexSet(){
this.gid=-1;
this.texture=null;
this.offX=0;
this.offY=0;
this.textureArray=null;
this.durationTimeArray=null;
this.animationTotalTime=0;
this.isAnimation=false;
this._spriteNum=0;
this._aniDic=null;
this._frameIndex=0;
this._time=0;
this._interval=0;
this._preFrameTime=0;
}
__class(TileTexSet,'laya.map.TileTexSet');
var __proto=TileTexSet.prototype;
/**
*加入一个动画显示对象到此动画中
*@param aniName //显示对象的名字
*@param sprite //显示对象
*/
__proto.addAniSprite=function(aniName,sprite){
if (this.animationTotalTime==0){
return;
}
if (this._aniDic==null){
this._aniDic={};
}
if (this._spriteNum==0){
Laya.timer.frameLoop(3,this,this.animate);
this._preFrameTime=Browser.now();
this._frameIndex=0;
this._time=0;
this._interval=0;
}
this._spriteNum++;
this._aniDic[aniName]=sprite;
if (this.textureArray && this._frameIndex < this.textureArray.length){
var tTileTextureSet=this.textureArray[this._frameIndex];
this.drawTexture(sprite,tTileTextureSet);
}
}
/**
*把动画画到所有注册的SPRITE上
*/
__proto.animate=function(){
if (this.textureArray && this.textureArray.length > 0 && this.durationTimeArray && this.durationTimeArray.length > 0){
var tNow=Browser.now();
this._interval=tNow-this._preFrameTime;
this._preFrameTime=tNow;
if (this._interval > this.animationTotalTime){
this._interval=this._interval % this.animationTotalTime;
}
this._time+=this._interval;
var tTime=this.durationTimeArray[this._frameIndex];
while (this._time > tTime){
this._time-=tTime;
this._frameIndex++;
if (this._frameIndex >=this.durationTimeArray.length || this._frameIndex >=this.textureArray.length){
this._frameIndex=0;
};
var tTileTextureSet=this.textureArray[this._frameIndex];
var tSprite;
for (var p in this._aniDic){
tSprite=this._aniDic[p];
this.drawTexture(tSprite,tTileTextureSet);
}
tTime=this.durationTimeArray[this._frameIndex];
}
}
}
__proto.drawTexture=function(sprite,tileTextSet){
sprite.graphics.clear();
sprite.graphics.drawTexture(tileTextSet.texture,tileTextSet.offX,tileTextSet.offY,tileTextSet.texture.width,tileTextSet.texture.height);
}
/**
*移除不需要更新的SPRITE
*@param _name
*/
__proto.removeAniSprite=function(_name){
if (this._aniDic && this._aniDic[_name]){
delete this._aniDic[_name];
this._spriteNum--
if (this._spriteNum==0){
Laya.timer.clear(this,this.animate);
}
}
}
/**
*显示当前动画的使用情况
*/
__proto.showDebugInfo=function(){
var tInfo=null;
if (this._spriteNum > 0){
tInfo="TileTextureSet::gid:"+this.gid.toString()+" 动画数:"+this._spriteNum.toString();
}
return tInfo;
}
/**
*清理
*/
__proto.clearAll=function(){
this.gid=-1;
if (this.texture){
this.texture.destroy();
this.texture=null;
}
this.offX=0;
this.offY=0;
this.textureArray=null;
this.durationTimeArray=null;
this.isAnimation=false;
this._spriteNum=0;
this._aniDic=null;
this._frameIndex=0;
this._preFrameTime=0;
this._time=0;
this._interval=0;
}
return TileTexSet;
})()
/**
*地图的每层都会分块渲染处理
*本类就是地图的块数据
*@author ...
*/
//class laya.map.GridSprite extends laya.display.Sprite
var GridSprite=(function(_super){
function GridSprite(){
this.relativeX=0;
this.relativeY=0;
this.isAloneObject=false;
this.isHaveAnimation=false;
this.aniSpriteArray=null;
this.drawImageNum=0;
this._map=null;
GridSprite.__super.call(this);
}
__class(GridSprite,'laya.map.GridSprite',_super);
var __proto=GridSprite.prototype;
/**
*传入必要的参数,用于裁剪,跟确认此对象类型
*@param map 把地图的引用传进来,参与一些裁剪计算
*@param objectKey true:表示当前GridSprite是个活动对象可以控制false:地图层的组成块
*/
__proto.initData=function(map,objectKey){
(objectKey===void 0)&& (objectKey=false);
this._map=map;
this.isAloneObject=objectKey;
}
/**
*把一个动画对象绑定到当前GridSprite
*@param sprite 动画的显示对象
*/
__proto.addAniSprite=function(sprite){
if (this.aniSpriteArray==null){
this.aniSpriteArray=[];
}
this.aniSpriteArray.push(sprite);
}
/**
*显示当前GridSprite并把上面的动画全部显示
*/
__proto.show=function(){
if (!this.visible){
this.visible=true;
if (this.aniSpriteArray==null){
return;
};
var tAniSprite;
for (var i=0;i < this.aniSpriteArray.length;i++){
tAniSprite=this.aniSpriteArray[i];
tAniSprite.show();
}
}
}
/**
*隐藏当前GridSprite并把上面绑定的动画全部移除
*/
__proto.hide=function(){
if (this.visible){
this.visible=false;
if (this.aniSpriteArray==null){
return;
};
var tAniSprite;
for (var i=0;i < this.aniSpriteArray.length;i++){
tAniSprite=this.aniSpriteArray[i];
tAniSprite.hide();
}
}
}
/**
*刷新坐标当我们自己控制一个GridSprite移动时需要调用此函数手动刷新
*/
__proto.updatePos=function(){
if (this.isAloneObject){
if (this._map){
this.x=this.relativeX+this._map.viewPortX;
this.y=this.relativeY+this._map.viewPortY;
}
if (this.x < 0 || this.x > this._map.viewPortWidth || this.y < 0 || this.y > this._map.viewPortHeight){
this.hide();
}else {
this.show();
}
}else {
if (this._map){
this.x=this.relativeX+this._map.viewPortX;
this.y=this.relativeY+this._map.viewPortY;
}
}
}
/**
*重置当前对象的所有属性
*/
__proto.clearAll=function(){
if (this._map){
this._map=null;
}
this.visible=false;
if (this.aniSpriteArray==null){
return;
};
var tAniSprite;
for (var i=0;i < this.aniSpriteArray.length;i++){
tAniSprite=this.aniSpriteArray[i];
tAniSprite.clearAll();
}
this.destroy();
this.relativeX=0;
this.relativeY=0;
this.isHaveAnimation=false;
this.aniSpriteArray=null;
this.drawImageNum=0;
}
return GridSprite;
})(Sprite)
/**
*地图支持多层渲染(例如,地表层,植被层,建筑层等)
*本类就是层级类
*@author ...
*/
//class laya.map.MapLayer extends laya.display.Sprite
var MapLayer=(function(_super){
function MapLayer(){
this._map=null;
this._mapData=null;
this._tileWidthHalf=0;
this._tileHeightHalf=0;
this._mapWidthHalf=0;
this._mapHeightHalf=0;
this._gridSpriteArray=[];
this._objDic=null;
this._properties=null;
this.layerName=null;
MapLayer.__super.call(this);
this._tempMapPos=new Point();
}
__class(MapLayer,'laya.map.MapLayer',_super);
var __proto=MapLayer.prototype;
/**
*解析LAYER数据以及初始化一些数据
*@param layerData 地图数据中layer数据的引用
*@param map 地图的引用
*/
__proto.init=function(layerData,map){
this._map=map;
this._mapData=layerData.data;
var tHeight=layerData.height;
var tWidth=layerData.width;
var tTileW=map.tileWidth;
var tTileH=map.tileHeight;
this.layerName=layerData.name;
this._properties=layerData.properties;
this.alpha=layerData.opacity;
this._tileWidthHalf=tTileW / 2;
this._tileHeightHalf=tTileH / 2;
this._mapWidthHalf=this._map.width / 2-this._tileWidthHalf;
this._mapHeightHalf=this._map.height / 2;
switch (layerData.type){
case "tilelayer":
break ;
case "objectgroup":;
var tObjectGid=0;
var tArray=layerData.objects;
if (tArray.length > 0){
this._objDic={};
};
var tObjectData;
var tObjWidth=NaN;
var tObjHeight=NaN;
for (var i=0;i < tArray.length;i++){
tObjectData=tArray[i];
if (tObjectData.visible==true){
tObjWidth=tObjectData.width;
tObjHeight=tObjectData.height;
var tSprite=map.getSprite(tObjectData.gid,tObjWidth,tObjHeight);
if (tSprite !=null){
switch (this._map.orientation){
case /*laya.map.TiledMap.ORIENTATION_ISOMETRIC*/"isometric":
this.getScreenPositionByTilePos(tObjectData.x / tTileH,tObjectData.y / tTileH,Point.TEMP);
tSprite.pivot(tObjWidth / 2,tObjHeight / 2);
tSprite.rotation=tObjectData.rotation;
tSprite.x=tSprite.relativeX=Point.TEMP.x+this._map.viewPortX;
tSprite.y=tSprite.relativeY=Point.TEMP.y+this._map.viewPortY-tObjHeight / 2;
break ;
case /*laya.map.TiledMap.ORIENTATION_STAGGERED*/"staggered":
tSprite.pivot(tObjWidth / 2,tObjHeight / 2);
tSprite.rotation=tObjectData.rotation;
tSprite.x=tSprite.relativeX=tObjectData.x+tObjWidth / 2;
tSprite.y=tSprite.relativeY=tObjectData.y-tObjHeight / 2;
break ;
case /*laya.map.TiledMap.ORIENTATION_ORTHOGONAL*/"orthogonal":
tSprite.pivot(tObjWidth / 2,tObjHeight / 2);
tSprite.rotation=tObjectData.rotation;
tSprite.x=tSprite.relativeX=tObjectData.x+tObjWidth / 2;
tSprite.y=tSprite.relativeY=tObjectData.y-tObjHeight / 2;
break ;
case /*laya.map.TiledMap.ORIENTATION_HEXAGONAL*/"hexagonal":
tSprite.x=tSprite.relativeX=tObjectData.x;
tSprite.y=tSprite.relativeY=tObjectData.y;
break ;
}
this.addChild(tSprite);
this._gridSpriteArray.push(tSprite);
this._objDic[tObjectData.name]=tSprite;
}
}
}
break ;
}
}
/**
*通过名字获取控制对象如果找不到返回为null
*@param objName 所要获取对象的名字
*@return
*/
__proto.getObjectByName=function(objName){
if (this._objDic){
return this._objDic[objName];
}
return null;
}
/**
*得到地图层的自定义属性
*@param name
*@return
*/
__proto.getLayerProperties=function(name){
if (this._properties){
return this._properties[name];
}
return null;
}
/**
*得到指定格子的数据
*@param tileX 格子坐标X
*@param tileY 格子坐标Y
*@return
*/
__proto.getTileData=function(tileX,tileY){
if (tileY >=0 && tileY < this._map.numRowsTile && tileX >=0 && tileX < this._map.numColumnsTile){
var tIndex=tileY *this._map.numColumnsTile+tileX;
var tMapData=this._mapData;
if (tMapData !=null && tIndex < tMapData.length){
return tMapData[tIndex];
}
}
return 0;
}
/**
*通过地图坐标得到屏幕坐标
*@param tileX 格子坐标X
*@param tileY 格子坐标Y
*@param screenPos 把计算好的屏幕坐标数据,放到此对象中
*/
__proto.getScreenPositionByTilePos=function(tileX,tileY,screenPos){
if (screenPos){
switch (this._map.orientation){
case /*laya.map.TiledMap.ORIENTATION_ISOMETRIC*/"isometric":
screenPos.x=this._map.width / 2-(tileY-tileX)*this._tileWidthHalf;
screenPos.y=(tileY+tileX)*this._tileHeightHalf;
break ;
case /*laya.map.TiledMap.ORIENTATION_STAGGERED*/"staggered":
tileX=Math.floor(tileX);
tileY=Math.floor(tileY);
screenPos.x=tileX *this._map.tileWidth+(tileY & 1)*this._tileWidthHalf;
screenPos.y=tileY *this._tileHeightHalf;
break ;
case /*laya.map.TiledMap.ORIENTATION_ORTHOGONAL*/"orthogonal":
screenPos.x=tileX *this._map.tileWidth;
screenPos.y=tileY *this._map.tileHeight;
break ;
case /*laya.map.TiledMap.ORIENTATION_HEXAGONAL*/"hexagonal":
tileX=Math.floor(tileX);
tileY=Math.floor(tileY);
var tTileHeight=this._map.tileHeight *2 / 3;
screenPos.x=(tileX *this._map.tileWidth+tileY % 2 *this._tileWidthHalf)% this._map.gridWidth;
screenPos.y=(tileY *tTileHeight)% this._map.gridHeight;
break ;
}
screenPos.x=(screenPos.x+this._map.viewPortX)*this._map.scale;
screenPos.y=(screenPos.y+this._map.viewPortY)*this._map.scale;
}
}
/**
*通过屏幕坐标来获取选中格子的数据
*@param screenX 屏幕坐标x
*@param screenY 屏幕坐标y
*@return
*/
__proto.getTileDataByScreenPos=function(screenX,screenY){
var tData=0;
if (this.getTilePositionByScreenPos(screenX,screenY,this._tempMapPos)){
tData=this.getTileData(Math.floor(this._tempMapPos.x),Math.floor(this._tempMapPos.y));
}
return tData;
}
/**
*通过屏幕坐标来获取选中格子的索引
*@param screenX 屏幕坐标x
*@param screenY 屏幕坐标y
*@param result 把计算好的格子坐标,放到此对象中
*@return
*/
__proto.getTilePositionByScreenPos=function(screenX,screenY,result){
screenX=screenX/this._map.scale-this._map.viewPortX;
screenY=screenY/this._map.scale-this._map.viewPortY;
var tTileW=this._map.tileWidth;
var tTileH=this._map.tileHeight;
var tV=0;
var tU=0;
switch (this._map.orientation){
case /*laya.map.TiledMap.ORIENTATION_ISOMETRIC*/"isometric":;
var tDirX=screenX-this._map.width / 2;
var tDirY=screenY;
tV=-(tDirX / tTileW-tDirY / tTileH);
tU=tDirX / tTileW+tDirY / tTileH;
if (result){
result.x=tU;
result.y=tV;
}
return true;
break ;
case /*laya.map.TiledMap.ORIENTATION_STAGGERED*/"staggered":
if (result){
var cx=0,cy=0,rx=0,ry=0;
cx=Math.floor(screenX / tTileW)*tTileW+tTileW / 2;
cy=Math.floor(screenY / tTileH)*tTileH+tTileH / 2;
rx=(screenX-cx)*tTileH / 2;
ry=(screenY-cy)*tTileW / 2;
if (Math.abs(rx)+Math.abs(ry)<=tTileW *tTileH / 4){
tU=Math.floor(screenX / tTileW);
tV=Math.floor(screenY / tTileH)*2;
}else {
screenX=screenX-tTileW / 2;
tU=Math.floor(screenX / tTileW)+1;
screenY=screenY-tTileH / 2;
tV=Math.floor(screenY / tTileH)*2+1;
}
result.x=tU-(tV & 1);
result.y=tV;
}
return true;
break ;
case /*laya.map.TiledMap.ORIENTATION_ORTHOGONAL*/"orthogonal":
tU=screenX / tTileW;
tV=screenY / tTileH;
if (result){
result.x=tU;
result.y=tV;
}
return true;
break ;
case /*laya.map.TiledMap.ORIENTATION_HEXAGONAL*/"hexagonal":;
var tTileHeight=tTileH *2 / 3;
tV=screenY / tTileHeight;
tU=(screenX-tV % 2 *this._tileWidthHalf)/ tTileW;
if (result){
result.x=tU;
result.y=tV;
}
break ;
}
return false;
}
/**
*得到一个GridSprite
*@param gridX 当前Grid的X轴索引
*@param gridY 当前Grid的Y轴索引
*@return 一个GridSprite对象
*/
__proto.getDrawSprite=function(gridX,gridY){
var tSprite=new GridSprite();
tSprite.relativeX=gridX *this._map.gridWidth;
tSprite.relativeY=gridY *this._map.gridHeight;
tSprite.initData(this._map);
this._gridSpriteArray.push(tSprite);
return tSprite;
}
/**
*更新此层中块的坐标
*手动刷新的目的是,保持层级的宽和高保持最小,加快渲染
*/
__proto.updateGridPos=function(){
var tSprite;
for (var i=0;i < this._gridSpriteArray.length;i++){
tSprite=this._gridSpriteArray[i];
if ((tSprite.visible || tSprite.isAloneObject)&& tSprite.drawImageNum > 0){
tSprite.updatePos();
}
}
}
/**
*@private
*把tile画到指定的显示对象上
*@param gridSprite 被指定显示的目标
*@param tileX 格子的X轴坐标
*@param tileY 格子的Y轴坐标
*@return
*/
__proto.drawTileTexture=function(gridSprite,tileX,tileY){
if (tileY >=0 && tileY < this._map.numRowsTile && tileX >=0 && tileX < this._map.numColumnsTile){
var tIndex=tileY *this._map.numColumnsTile+tileX;
var tMapData=this._mapData;
if (tMapData !=null && tIndex < tMapData.length){
if (tMapData[tIndex] !=0){
var tTileTexSet=this._map.getTexture(tMapData[tIndex]);
if (tTileTexSet){
var tX=0;
var tY=0;
var tTexture=tTileTexSet.texture;
switch (this._map.orientation){
case /*laya.map.TiledMap.ORIENTATION_STAGGERED*/"staggered":
tX=tileX *this._map.tileWidth % this._map.gridWidth+(tileY & 1)*this._tileWidthHalf;
tY=tileY *this._tileHeightHalf % this._map.gridHeight;
break ;
case /*laya.map.TiledMap.ORIENTATION_ORTHOGONAL*/"orthogonal":
tX=tileX *this._map.tileWidth % this._map.gridWidth;
tY=tileY *this._map.tileHeight % this._map.gridHeight;
break ;
case /*laya.map.TiledMap.ORIENTATION_ISOMETRIC*/"isometric":
tX=(this._mapWidthHalf+(tileX-tileY)*this._tileWidthHalf)% this._map.gridWidth;
tY=((tileX+tileY)*this._tileHeightHalf)% this._map.gridHeight;
break ;
case /*laya.map.TiledMap.ORIENTATION_HEXAGONAL*/"hexagonal":;
var tTileHeight=this._map.tileHeight *2 / 3;
tX=(tileX *this._map.tileWidth+tileY % 2 *this._tileWidthHalf)% this._map.gridWidth;
tY=(tileY *tTileHeight)% this._map.gridHeight;
break ;
}
if (tTileTexSet.isAnimation){
var tAnimationSprite=new TileAniSprite();
tAnimationSprite.x=tX;
tAnimationSprite.y=tY;
tAnimationSprite.setTileTextureSet(tIndex.toString(),tTileTexSet);
gridSprite.addAniSprite(tAnimationSprite);
gridSprite.addChild(tAnimationSprite);
gridSprite.isHaveAnimation=true;
}else {
gridSprite.graphics.drawTexture(tTileTexSet.texture,tX+tTileTexSet.offX,tY+tTileTexSet.offY,tTexture.width,tTexture.height);
}
return true;
}
}
}
}
return false;
}
/**
*@private
*清理当前对象
*/
__proto.clearAll=function(){
this._map=null;
this._mapData=null;
this._tileWidthHalf=0;
this._tileHeightHalf=0;
this._mapWidthHalf=0;
this._mapHeightHalf=0;
this.layerName=null;
var i=0;
if (this._objDic){
for (var p in this._objDic){
delete this._objDic[p];
}
this._objDic=null;
};
var tGridSprite;
for (i=0;i < this._gridSpriteArray.length;i++){
tGridSprite=this._gridSpriteArray[i];
tGridSprite.clearAll();
}
this._properties=null;
this._tempMapPos=null;
}
return MapLayer;
})(Sprite)
/**
*TildMap的动画显示对象一个动画TileTexSet可以绑定多个动画显示对象TileAniSprite
*@author ...
*/
//class laya.map.TileAniSprite extends laya.display.Sprite
var TileAniSprite=(function(_super){
function TileAniSprite(){
this._tileTextureSet=null;
this._aniName=null;
TileAniSprite.__super.call(this);
}
__class(TileAniSprite,'laya.map.TileAniSprite',_super);
var __proto=TileAniSprite.prototype;
/**
*确定当前显示对象的名称以及属于哪个动画
*@param aniName 当前动画显示对象的名字,名字唯一
*@param tileTextureSet 当前显示对象属于哪个动画(一个动画,可以绑定多个同类显示对象)
*/
__proto.setTileTextureSet=function(aniName,tileTextureSet){
this._aniName=aniName;
this._tileTextureSet=tileTextureSet;
tileTextureSet.addAniSprite(this._aniName,this);
}
/**
*把当前动画加入到对应的动画刷新列表中
*/
__proto.show=function(){
this._tileTextureSet.addAniSprite(this._aniName,this);
}
/**
*把当前动画从对应的动画刷新列表中移除
*/
__proto.hide=function(){
this._tileTextureSet.removeAniSprite(this._aniName);
}
/**
*清理
*/
__proto.clearAll=function(){
this._tileTextureSet.removeAniSprite(this._aniName);
this.destroy();
this._tileTextureSet=null;
this._aniName=null;
}
return TileAniSprite;
})(Sprite)
Laya.__init([TiledMap]);
})(window,document,Laya);