"use strict"; function maps() { this._init(); this.DEFAULT_WIDTH = 13; this.DEFAULT_HEIGHT = 13; this.DEFAULT_PIXEL_WIDTH = this.DEFAULT_WIDTH * 32; this.DEFAULT_PIXEL_HEIGHT = this.DEFAULT_HEIGHT * 32; } maps.prototype._init = function() { this.blocksInfo = maps_90f36752_8815_4be8_b32b_d7fad1d0542e; //delete(maps_90f36752_8815_4be8_b32b_d7fad1d0542e); } maps.prototype._setFloorSize = function (floorId) { if (!core.isset(floorId)) { core.floorIds.forEach(function (floorId) { core.maps._setFloorSize(floorId); }); return; } core.floors[floorId].width = core.floors[floorId].width || this.DEFAULT_WIDTH; core.floors[floorId].height = core.floors[floorId].height || this.DEFAULT_HEIGHT; } // ------ 加载与存档读档 ------ // ////// 加载某个楼层(从剧本或存档中) ////// maps.prototype.loadFloor = function (floorId, map) { var floor = core.floors[floorId]; if (!core.isset(map)) map = floor.map; if (map instanceof Array) { map = {"map": map}; } var content = {}; ["floorId", "title", "name", "canFlyTo", "canUseQuickShop", "cannotViewMap", "cannotMoveDirectly", "color", "weather", "defaultGround", "images", "item_ratio", "upFloor", "bgm", "downFloor", "underGround"].forEach(function (e) { if (core.isset(map[e])) content[e] = core.clone(map[e]); else content[e] = core.clone(floor[e]); }); map=this.decompressMap(map.map, floorId); // 事件处理 content['blocks'] = this._mapIntoBlocks(map,floor,floorId); return content; } maps.prototype._mapIntoBlocks = function (map,floor,floorId){ var blocks = []; var mw = core.floors[floorId].width; var mh = core.floors[floorId].height; for (var i = 0; i < mh; i++) { for (var j = 0; j < mw; j++) { var block = this.initBlock(j, i, (map[i]||[])[j], true, floor); if (core.isset(block.event)) blocks.push(block); } } return blocks; } ////// 从ID获得数字 ////// maps.prototype.getNumberById = function (id) { for (var number in this.blocksInfo) { if ((this.blocksInfo[number]||{}).id == id) return parseInt(number)||0; } // tilesets if (/^X\d+$/.test(id)) { if (core.icons.getTilesetOffset(id)) return parseInt(id.substring(1)); } // 特殊ID if (id == 'none') return 0; if (id == 'airwall') return 17; return 0; } ////// 数字和ID的对应关系 ////// maps.prototype.initBlock = function (x, y, id, addInfo, eventFloor) { var disable=null; id = ""+(id||0); if (id.endsWith(":f")) disable = true; if (id.endsWith(":t")) disable = false; id=parseInt(id); var block = {'x': x, 'y': y, 'id': id}; if (disable!=null) block.disable = disable; if (id==17) block.event = {"cls": "terrains", "id": "airwall", "noPass": true}; else if (id in this.blocksInfo) block.event = JSON.parse(JSON.stringify(this.blocksInfo[id])); else if (core.icons.getTilesetOffset(id)) block.event = {"cls": "tileset", "id": "X"+id, "noPass": true}; if (addInfo) this._addInfo(block); if (eventFloor) { this._addEvent(block, x, y, (eventFloor.events||{})[x+","+y]); var changeFloor = (eventFloor.changeFloor||{})[x+","+y]; if (changeFloor) this._addEvent(block, x, y, {"trigger": "changeFloor", "data": changeFloor}); } if (main.mode == 'editor') delete block.disable; return block; } ////// 添加一些信息到block上 ////// maps.prototype._addInfo = function (block) { if (core.isset(block.event)) { if (block.event.cls.indexOf("enemy")==0 && !core.isset(block.event.trigger)) { block.event.trigger = 'battle'; } if (block.event.cls == 'items' && !core.isset(block.event.trigger)) { block.event.trigger = 'getItem'; } if (!core.isset(block.event.noPass)) { if (block.event.cls != 'items') { block.event.noPass = true; } } if (!core.isset(block.event.animate)) { block.event.animate = core.icons._getAnimateFrames(block.event.cls, false); } block.event.height = 32; if (block.event.cls == 'enemy48' || block.event.cls == 'npc48') block.event.height = 48; } } ////// 向该楼层添加剧本的自定义事件 ////// maps.prototype._addEvent = function (block, x, y, event) { if (!core.isset(event)) return; if (!core.isset(block.event)) { // 本身是空地? block.event = {'cls': 'terrains', 'id': 'none', 'noPass': false}; } // event是字符串或数组? if (typeof event == "string") { event = {"data": [event]}; } else if (event instanceof Array) { event = {"data": event}; } if (!core.isset(event.data)) event.data = []; // 覆盖enable if (!core.isset(block.disable) && core.isset(event.enable)) { block.disable=!event.enable; } // 覆盖animate if (event.animate === false) { block.event.animate = 1; } // 覆盖所有属性 for (var key in event) { if (key!="enable" && key!="animate" && core.isset(event[key])) { block.event[key]=core.clone(event[key]); } } // 给无trigger的增加trigger:action if (!core.isset(block.event.trigger)) { block.event.trigger = 'action'; } } ////// 初始化所有地图 ////// maps.prototype.initMaps = function (floorIds) { var maps = {}; for (var i=0;i= core.floors[floorId].width || ny >= core.floors[floorId].width) return false; // 2. 检查该点素材的 cannotOut 和下一个点的 cannotIn if (this._canMoveHero_checkCannotInOut([ extraData.bgArray[y][x], extraData.fgArray[y][x], extraData.eventArray[y][x] ], "cannotOut", direction)) return false; if (this._canMoveHero_checkCannotInOut([ extraData.bgArray[ny][nx], extraData.fgArray[ny][nx], extraData.eventArray[ny][nx] ], "cannotIn", direction)) return false; // 3. 检查是否能进将死的领域 if (floorId == core.status.floorId && core.status.hero.hp <= core.status.checkBlock.damage[nx + core.bigmap.width * ny] && !core.flags.canGoDeadZone && extraData.eventArray[ny][nx] == 0) return false; return true; } maps.prototype._canMoveHero_checkCannotInOut = function (number, name, direction) { if (number instanceof Array) { for (var x in number) { if (this._canMoveHero_checkCannotInOut(number[x], name, direction)) return true; } return false; } return core.inArray((this.initBlock(0, 0, number).event||{})[name], direction); } ////// 能否瞬间移动 ////// maps.prototype.canMoveDirectly = function (destX,destY) { if (!this._canMoveDirectly_checkGlobal()) return -1; var fromX = core.getHeroLoc('x'), fromY = core.getHeroLoc('y'); if (fromX==destX&&fromY==destY) return 0; // 检查起点事件 if (!this._canMoveDirectly_checkStartPoint(fromX, fromY)) return -1; return this._canMoveDirectly_bfs(fromX, fromY, destX, destY); } maps.prototype._canMoveDirectly_checkGlobal = function () { // 检查全塔是否禁止瞬间移动 if (!core.flags.enableMoveDirectly) return false; // 检查该楼层是否不可瞬间移动 if (core.status.thisMap.cannotMoveDirectly) return false; // flag:cannotMoveDirectly为true:不能 if (core.hasFlag('cannotMoveDirectly')) return false; // 中毒状态:不能 if (core.hasFlag('poison')) return false; return true; } maps.prototype._canMoveDirectly_checkStartPoint = function (sx, sy) { if (core.status.checkBlock.damage[sx+core.bigmap.width*sy]>0) return false; var id = core.getBlockId(sx, sy); if (id != null) { // 楼梯或者传送点才能无视 if (["upFloor","downFloor","portal","upPortal","downPortal","leftPortal","rightPortal"].indexOf(id)>=0) return true; return false; } return true; } maps.prototype._canMoveDirectly_bfs = function (sx, sy, ex, ey) { var canMoveArray = this.generateMovableArray(); var blocksObj = this.getMapBlocksObj(core.status.floorId); var visited=[], queue=[]; visited[sx+","+sy]=0; queue.push(sx+","+sy); while (queue.length>0) { var now=queue.shift().split(","), x=parseInt(now[0]), y=parseInt(now[1]); for (var direction in core.utils.scan) { if (!core.inArray(canMoveArray[x][y], direction)) continue; var nx=x+core.utils.scan[direction].x, ny=y+core.utils.scan[direction].y, nindex = nx+","+ny; if (visited[nindex]) continue; if (!this._canMoveDirectly_checkNextPoint(blocksObj, nx, ny)) continue; visited[nindex] = visited[now]+1; if (nx == ex && ny == ey) return visited[nindex]; queue.push(nindex); } } return -1; } maps.prototype._canMoveDirectly_checkNextPoint = function (blocksObj, x, y) { var index = x + "," + y; // 该点是否有事件 if (blocksObj[index]) return false; // 是否存在阻激夹域伤害 if (core.status.checkBlock.damage[x+core.bigmap.width*y]>0) return false; // 是否存在捕捉 if (core.status.checkBlock.ambush[x+core.bigmap.width*y]) return false; return true; } // -------- Draw block, map, autotile, ... -------- // ////// 绘制一个图块 ////// maps.prototype.drawBlock = function (block, animate, dx, dy) { if (block.event.id == 'none') return; animate = animate || 0; dx = dx || 0; dy = dy || 0; var x = block.x, y = block.y; // --- 在界面外的动画不绘制 if (animate > 1 && block.event.animate > 1 && (32*x + dx < core.bigmap.offsetX - 64 || 32*x + dx > core.bigmap.offsetX + this.DEFAULT_PIXEL_WIDTH + 32 || 32*y + dy < core.bigmap.offsetY - 64 || 32*y + dy > core.bigmap.offsetY + this.DEFAULT_PIXEL_HEIGHT + 32 + 16)) { return; } var blockInfo = this.getBlockInfo(block); if (blockInfo == null) return; if (blockInfo.cls != 'tileset') blockInfo.posX = animate % block.event.animate; if (!core.isset(block.name)) this._drawBlockInfo(blockInfo, block.x, block.y, dx, dy); else this._drawBlockInfo_bgfg(blockInfo, block.name, block.x, block.y); } maps.prototype._drawBlockInfo = function (blockInfo, x, y, dx, dy) { var image = blockInfo.image, posX = blockInfo.posX, posY = blockInfo.posY, height = blockInfo.height; core.clearMap('event', x * 32 + dx, y * 32 + dy, 32, 32); core.drawImage('event', image, posX * 32, posY * height + height - 32, 32, 32, x * 32 + dx, y * 32 + dy, 32, 32); if (height>32) { core.clearMap('event2', x * 32 + dx, y * 32 + 32 - height + dy, 32, height - 32) core.drawImage('event2', image, posX * 32, posY * height, 32, height - 32, x * 32 + dx, y * 32 + 32 - height + dy, 32, height-32); } } maps.prototype._drawBlockInfo_bgfg = function (blockInfo, name, x, y) { var image = blockInfo.image, posX = blockInfo.posX, posY = blockInfo.posY, height = blockInfo.height; core.clearMap(name, x * 32, y * 32 + 32 - height, 32, height); if (name == 'bg') { if (height>32) { core.clearMap('bg', x * 32, y * 32 - 32, 32, 32); core.drawImage('bg', core.material.groundCanvas.canvas, x * 32, y * 32 - 32); } core.drawImage('bg', core.material.groundCanvas.canvas, x * 32, y * 32); } core.drawImage(name, image, posX * 32, posY * height, 32, height, x * 32, y * 32 + 32 - height, 32, height); } ////// 生成groundPattern ////// maps.prototype.generateGroundPattern = function (floorId) { // 生成floorId层的groundPattern(盒子内的怪物动画) var groundId = ((core.status.maps||core.floors)[floorId||core.status.floorId]||{}).defaultGround || "ground"; core.material.groundCanvas.clearRect(0, 0, 32, 32); core.material.groundCanvas.drawImage(core.material.images.terrains, 0, 32*core.material.icons.terrains[groundId], 32, 32, 0, 0, 32, 32); core.material.groundPattern = core.material.groundCanvas.createPattern(core.material.groundCanvas.canvas, 'repeat'); // 如果需要用纯色可以直接将下面代码改成改成 // core.material.groundPattern = '#000000'; } maps.prototype._getFloorImages = function (floorId) { floorId = floorId || core.status.floorId; var images = []; if (core.isset(core.status.maps[floorId].images)) { images = core.status.maps[floorId].images; if (typeof images == 'string') { images = [[0, 0, images]]; } } return images; } ////// 绘制楼层贴图 ////// maps.prototype.drawFloorImages = function (floorId, ctx, name, images, animate) { floorId = floorId || core.status.floorId; if (!core.isset(images)) images = this._getFloorImages(floorId); var redraw = core.isset(animate); if (!redraw) core.status.floorAnimateObjs = core.clone(images); images.forEach(function (t) { if (typeof t == 'string') t = [0,0,t]; var dx=parseInt(t[0]), dy=parseInt(t[1]), imageName=t[2], frame = core.clamp(parseInt(t[4]), 1, 8); var image = core.material.images.images[imageName]; if (redraw && frame == 1) return; // 不重绘 if (core.isset(dx) && core.isset(dy) && core.isset(image) && !core.hasFlag("__floorImg__"+floorId+"_"+dx+"_"+dy)) { var width = parseInt(image.width / frame), offsetX = (animate||0)%frame*width; if (/.*\.gif/i.test(imageName) && main.mode=='play') { if (redraw) return; // 忽略gif this._drawFloorImages_gif(image, dx, dy); return; } core.maps._drawFloorImage(ctx, name, t[3], image, offsetX, width, dx, dy, redraw); } }); } maps.prototype._drawFloorImages_gif = function (image, dx, dy) { core.dom.gif.innerHTML = ""; var gif = new Image(); gif.src = image.src; gif.style.position = 'absolute'; gif.style.left = (dx*core.domStyle.scale)+"px"; gif.style.top = (dy*core.domStyle.scale)+"px"; gif.style.width = image.width*core.domStyle.scale+"px"; gif.style.height = image.height*core.domStyle.scale+"px"; core.dom.gif.appendChild(gif); return; } maps.prototype._drawFloorImage = function (ctx, name, type, image, offsetX, width, dx, dy, redraw) { var height = image.height; var _draw = function () { if (redraw) core.clearMap(ctx, dx, dy, width, height); core.drawImage(ctx, image, offsetX, 0, width, height, dx, dy, width, height); } if (!type) { if (name != 'bg') return; return _draw(); } if (type==1) { if (name != 'fg') return; return _draw(); } if (type==2) { if (name == 'bg') { if (redraw) core.clearMap(ctx, dx, dy + height - 32, width, 32); core.drawImage('bg', image, offsetX, height-32, width, 32, dx, dy + height - 32, width, 32); } else if (name == 'fg') { if (redraw) core.clearMap(ctx, dx, dy, width, height-32); core.drawImage('fg', image, offsetX, 0, width, height-32, dx, dy, width, height-32); } return; } } ////// 绘制某张地图 ////// maps.prototype.drawMap = function (floorId, callback) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) { if (core.isset(callback)) callback(); return; } core.clearMap('all'); this.generateGroundPattern(floorId); core.status.floorId = floorId; core.status.thisMap = core.status.maps[floorId]; this._drawMap_drawBgFg(); this._drawMap_drawEvent(); if (core.isset(core.status.curtainColor)) { core.fillRect('curtain', 0, 0, this.DEFAULT_PIXEL_WIDTH, this.DEFAULT_PIXEL_HEIGHT, core.arrayToRGBA(core.status.curtainColor)); } core.setGlobalAnimate(core.values.animateSpeed); core.drawHero(); core.updateStatusBar(); if (core.isset(callback)) callback(); } maps.prototype._drawMap_drawEvent = function (floorId) { floorId = floorId || core.status.floorId; var mapBlocks = core.status.maps[floorId].blocks; var mapArray = this.getMapArray(mapBlocks, core.bigmap.width, core.bigmap.height); for (var b = 0; b < mapBlocks.length; b++) { // 事件启用 var block = mapBlocks[b]; if (core.isset(block.event) && !block.disable) { if (block.event.cls == 'autotile') { core.drawAutotile(core.canvas.event, mapArray, block, 32, 0, 0); core.addAutotileGlobalAnimate(block); } else { core.drawBlock(block); core.addGlobalAnimate(block); } } } core.status.autotileAnimateObjs.map = core.clone(mapArray); } maps.prototype._drawMap_drawBgFg = function (floorId) { floorId = floorId || core.status.floorId; this.drawBg(floorId); this.drawFg(floorId); } ////// 绘制背景层 ////// maps.prototype.drawBg = function (floorId, ctx) { var onMap = !core.isset(ctx); if (onMap) { ctx = core.canvas.bg; core.clearMap(ctx); var width = core.floors[floorId].width; var height = core.floors[floorId].height; for (var x = 0; x < width; x++) { for (var y = 0; y < height; y++) { core.drawImage(ctx, core.material.groundCanvas.canvas, 32*x, 32*y); } } } this._drawBg_drawContent(floorId, ctx, onMap); } ////// 绘制前景层 ////// maps.prototype.drawFg = function (floorId, ctx) { var onMap = !core.isset(ctx); if (onMap) ctx = core.canvas.fg; this._drawFg_drawContent(floorId, ctx, onMap); } // --- 实际绘制背景层;可以调整这两行的顺序来控制是先绘制贴图还是先绘制背景图块 // 先绘制的会被后绘制的覆盖 maps.prototype._drawBg_drawContent = function (floorId, ctx, onMap) { this.drawFloorImages(floorId, ctx, 'bg'); this.drawBgFgMap(floorId, ctx, 'bg', onMap); } // --- 实际绘制前景层;可以调整这两行的顺序来控制是先绘制贴图还是先绘制前景图块 // 先绘制的会被后绘制的覆盖 maps.prototype._drawFg_drawContent = function (floorId, ctx, onMap) { this.drawFloorImages(floorId, ctx, 'fg'); this.drawBgFgMap(floorId, ctx, 'fg', onMap); } ////// 背景/前景图块的绘制 ////// maps.prototype.drawBgFgMap = function (floorId, ctx, name, onMap) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; var width = core.floors[floorId].width; var height = core.floors[floorId].height; if (!core.isset(core.status[name+"maps"])) core.status[name+"maps"] = {}; var arr = this.getBgFgMapArray(name, floorId); for (var x = 0; x < width; x++) { for (var y = 0; y < height; y++) { var block = this.initBlock(x, y, arr[y][x], true); if (!core.isset(block.event)) continue; block.name = name; var blockInfo = this.getBlockInfo(block); if (!core.isset(blockInfo)) continue; this._drawBgFgMap_drawBlockInfo(ctx, block, blockInfo, arr, onMap); } } if (onMap) core.status.autotileAnimateObjs[name+"map"] = core.clone(arr); } maps.prototype._drawBgFgMap_drawBlockInfo = function (ctx, block, blockInfo, arr, onMap) { if (blockInfo.cls == 'autotile') { // Autotile单独处理 this.drawAutotile(ctx, arr, block, 32, 0, 0); if (onMap) core.addAutotileGlobalAnimate(block); return; } if (!onMap) { var height = blockInfo.height; core.drawImage(ctx, blockInfo.image, 32 * blockInfo.posX, height * blockInfo.posY, 32, height, 32 * block.x, 32 * block.y, 32, height); return; } this.drawBlock(block); this.addGlobalAnimate(block); } ////// 绘制Autotile ////// maps.prototype.drawAutotile = function(ctx, mapArr, block, size, left, top, status){ var indexArrs = [ //16种组合的图块索引数组; // 将autotile分割成48块16*16的小块; 数组索引即对应各个小块 // +----+----+----+----+----+----+ [10, 9, 4, 3 ], //0 bin:0000 | 1 | 2 | 3 | 4 | 5 | 6 | [10, 9, 4, 13], //1 bin:0001 +----+----+----+----+----+----+ [10, 9, 18, 3 ], //2 bin:0010 | 7 | 8 | 9 | 10 | 11 | 12 | [10, 9, 16, 15], //3 bin:0011 +----+----+----+----+----+----+ [10, 43, 4, 3 ], //4 bin:0100 | 13 | 14 | 15 | 16 | 17 | 18 | [10, 31, 4, 25], //5 bin:0101 +----+----+----+----+----+----+ [10, 7, 2, 3 ], //6 bin:0110 | 19 | 20 | 21 | 22 | 23 | 24 | [10, 31, 16, 5 ], //7 bin:0111 +----+----+----+----+----+----+ [48, 9, 4, 3 ], //8 bin:1000 | 25 | 26 | 27 | 28 | 29 | 30 | [ 8, 9, 4, 1 ], //9 bin:1001 +----+----+----+----+----+----+ [36, 9, 30, 3 ], //10 bin:1010 | 31 | 32 | 33 | 34 | 35 | 36 | [36, 9, 6, 15], //11 bin:1011 +----+----+----+----+----+----+ [46, 45, 4, 3 ], //12 bin:1100 | 37 | 38 | 39 | 40 | 41 | 42 | [46, 11, 4, 25], //13 bin:1101 +----+----+----+----+----+----+ [12, 45, 30, 3 ], //14 bin:1110 | 43 | 44 | 45 | 46 | 47 | 48 | [34, 33, 28, 27] //15 bin:1111 +----+----+----+----+----+----+ ]; // 开始绘制autotile var x = block.x, y = block.y; var pieceIndexs = this._drawAutotile_getAutotileIndexs(x, y, mapArr, indexArrs); //修正四个边角的固定搭配 if(pieceIndexs[0] == 13){ if(pieceIndexs[1] == 16) pieceIndexs[1] = 14; if(pieceIndexs[2] == 31) pieceIndexs[2] = 19; } if(pieceIndexs[1] == 18){ if(pieceIndexs[0] == 15) pieceIndexs[0] = 17; if(pieceIndexs[3] == 36) pieceIndexs[3] = 24; } if(pieceIndexs[2] == 43){ if(pieceIndexs[0] == 25) pieceIndexs[0] = 37; if(pieceIndexs[3] == 46) pieceIndexs[3] = 44; } if(pieceIndexs[3] == 48){ if(pieceIndexs[1] == 30) pieceIndexs[1] = 42; if(pieceIndexs[2] == 45) pieceIndexs[2] = 47; } for(var i=0; i<4; i++){ var index = pieceIndexs[i]; var dx = x*size + size/2*(i%2), dy = y*size + size/2*(~~(i/2)); this._drawAutotile_drawBlockByIndex(ctx, dx+left, dy+top, core.material.images['autotile'][block.event.id], index, size, status); } } maps.prototype._drawAutotile_drawBlockByIndex = function(ctx, dx, dy, autotileImg, index, size, status) { //index为autotile的图块索引1-48 var sx = 16*((index-1)%6), sy = 16*(~~((index-1)/6)); status = status || 0; status %= parseInt(autotileImg.width/96); ctx.drawImage(autotileImg, sx + 96*status, sy, 16, 16, dx, dy, size/2, size/2); } maps.prototype._drawAutotile_getAutotileAroundId = function(currId, x, y, mapArr) { if(x<0 || y<0 || x>=mapArr[0].length || y>=mapArr.length) return 1; else return core.material.autotileEdges[currId].indexOf(mapArr[y][x])>=0; } maps.prototype._drawAutotile_checkAround = function(x, y, mapArr){ // 得到周围四个32*32块(周围每块都包含当前块的1/4,不清楚的话画下图你就明白)的数组索引 var currId = mapArr[y][x]; var pointBlock = []; for(var i=0; i<4; i++){ var bsum = 0; var offsetx = i%2, offsety = ~~(i/2); for(var j=0; j<4; j++){ var mx = j%2, my = ~~(j/2); var b = this._drawAutotile_getAutotileAroundId(currId, x+offsetx+mx-1, y+offsety+my-1, mapArr); bsum += b*(Math.pow(2, 3-j)); } pointBlock.push(bsum); } return pointBlock; } maps.prototype._drawAutotile_getAutotileIndexs = function(x, y, mapArr, indexArrs){ var indexArr = []; var pointBlocks = this._drawAutotile_checkAround(x, y, mapArr); for(var i=0; i<4; i++){ var arr = indexArrs[pointBlocks[i]] indexArr.push(arr[3-i]); } return indexArr; } ////// 为autotile判定边界 ////// maps.prototype._makeAutotileEdges = function () { var autotileIds = Object.keys(core.material.images.autotile); core.material.autotileEdges = {}; var canvas = document.createElement("canvas"), ctx = canvas.getContext('2d'); canvas.width = canvas.height = 32; ctx.mozImageSmoothingEnabled = false; ctx.webkitImageSmoothingEnabled = false; ctx.msImageSmoothingEnabled = false; ctx.imageSmoothingEnabled = false; autotileIds.forEach(function (t) { var n = core.maps.getNumberById(t); core.material.autotileEdges[n] = [n]; ctx.clearRect(0,0,32,32); ctx.drawImage(core.material.images.autotile[t], 0, 0, 32, 32, 0, 0, 32, 32); var data = canvas.toDataURL("image/png"); autotileIds.forEach(function (t2) { if (t==t2) return; var n2 = core.maps.getNumberById(t2); ctx.clearRect(0,0,32,32); ctx.drawImage(core.material.images.autotile[t2], 32, 0, 32, 32, 0, 0, 32, 32); if (data == canvas.toDataURL("image/png")) { core.material.autotileEdges[n].push(n2); } }); }); } // -------- xxxExists, get & set block ... -------- // ////// 某个点是否不可通行 ////// maps.prototype.noPass = function (x, y, floorId) { var block = core.getBlock(x,y,floorId); if (block==null) return false; return core.isset(block.block.event.noPass) && block.block.event.noPass; } ////// 某个点是否存在NPC ////// maps.prototype.npcExists = function (x, y, floorId) { var block = this.getBlock(x,y,floorId); if (block==null) return false; return block.block.event.cls.indexOf('npc')==0; } ////// 某个点是否存在(指定的)地形 ////// maps.prototype.terrainExists = function (x, y, id, floorId) { var block = this.getBlock(x,y,floorId); if (block==null) return false; return block.block.event.cls=='terrains' && (core.isset(id)?block.block.event.id==id:true); } ////// 某个点是否存在楼梯 ////// maps.prototype.stairExists = function (x, y, floorId) { var block = this.getBlock(x,y,floorId); if (block==null) return false; return block.block.event.cls=='terrains' && (block.block.event.id=='upFloor' || block.block.event.id=='downFloor'); } ////// 当前位置是否在楼梯边 ////// maps.prototype.nearStair = function() { var x=core.getHeroLoc('x'), y=core.getHeroLoc('y'); return this.stairExists(x,y) || this.stairExists(x-1,y) || this.stairExists(x,y-1) || this.stairExists(x+1,y) || this.stairExists(x,y+1); } ////// 某个点是否存在(指定的)怪物 ////// maps.prototype.enemyExists = function (x, y, id,floorId) { var block = this.getBlock(x,y,floorId); if (block==null) return false; return block.block.event.cls.indexOf('enemy')==0 && (core.isset(id)?block.block.event.id==id:true); } ////// 获得某个点的block ////// maps.prototype.getBlock = function (x, y, floorId, showDisable) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return null; var blocks = core.status.maps[floorId].blocks; for (var n=0;n32) core.clearMap('event2', x * 32, y * 32 +32-height, 32, height-32); } block.block.disable = true; core.updateStatusBar(); } ////// 将某个块从启用变成禁用状态 ////// maps.prototype.removeBlock = function (x, y, floorId) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; var block = core.getBlock(x,y,floorId,true); if (block==null) return; // 不存在 var index=block.index; // 删除动画,清除地图 if (floorId==core.status.floorId) { core.removeGlobalAnimate(x, y); core.clearMap('event', x * 32, y * 32, 32, 32); var height = 32; if (core.isset(block.block.event)) height=block.block.event.height||32; if (height>32) core.clearMap('event2', x * 32, y * 32 +32-height, 32, height-32); } // 删除Index core.removeBlockById(index, floorId); core.updateStatusBar(); } ////// 根据block的索引(尽可能)删除该块 ////// maps.prototype.removeBlockById = function (index, floorId) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; var blocks = core.status.maps[floorId].blocks, block = blocks[index]; if (this.canRemoveBlock(block, floorId)) { // 能否彻底删除该图块 blocks.splice(index,1); } else { block.disable = true; } } ////// 能否彻底从地图中删除一个图块 ////// maps.prototype.canRemoveBlock = function (block, floorId) { var x=block.x, y=block.y; // 检查该点是否存在事件 if (core.floors[floorId].events[x+","+y] || core.floors[floorId].changeFloor[x+","+y]) return false; // 检查是否存在重生 if (block.event && block.event.cls.indexOf('enemy')==0 && core.hasSpecial(block.event.id, 23)) return false; return true; } ////// 一次性删除多个block ////// maps.prototype.removeBlockByIds = function (floorId, ids) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; ids.sort(function (a,b) {return b-a}).forEach(function (id) { core.removeBlockById(id, floorId); }); } ////// 显示前景/背景地图 ////// maps.prototype.showBgFgMap = function (name, loc, floorId, callback) { this._triggerBgFgMap('show', name, loc, floorId, callback); } ////// 隐藏前景/背景地图 ////// maps.prototype.hideBgFgMap = function (name, loc, floorId, callback) { this._triggerBgFgMap('hide', name, loc, floorId, callback); } ////// 设置前景/背景地图的显示状态 ////// maps.prototype._triggerBgFgMap = function (type, name, loc, floorId, callback) { if (type!='show') type='hide'; if (name!='fg') name='bg'; if (typeof loc[0] == 'number' && typeof loc[1] == 'number') loc = [loc]; floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; if (loc.length==0) return; loc.forEach(function (t) { var x=t[0], y=t[1]; var flag = "__"+name+"Map__"+floorId+"_"+x+"_"+y; if (type == 'hide') core.setFlag(flag, true); else core.removeFlag(flag); }) core.status[name+"maps"][floorId]=null; if (floorId==core.status.floorId) { core.drawMap(floorId, callback); } else { if (core.isset(callback)) callback(); } } ////// 显示一个楼层贴图 ////// maps.prototype.showFloorImage = function (loc, floorId, callback) { this._triggerFloorImage('show', loc, floorId, callback); } ////// 隐藏一个楼层贴图 ////// maps.prototype.hideFloorImage = function (loc, floorId, callback) { this._triggerFloorImage('hide', loc, floorId, callback); } ///// 设置贴图显示状态 ////// maps.prototype._triggerFloorImage = function (type, loc, floorId, callback) { if (type!='show') type='hide'; if (typeof loc[0] == 'number' && typeof loc[1] == 'number') loc = [loc]; floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; if (loc.length==0) return; loc.forEach(function (t) { var x=t[0], y=t[1]; var flag = "__floorImg__"+floorId+"_"+x+"_"+y; if (type == 'hide') core.setFlag(flag, true); else core.removeFlag(flag); }) if (floorId==core.status.floorId) { core.drawMap(floorId, callback); } else { if (core.isset(callback)) callback(); } } ////// 改变图块 ////// maps.prototype.setBlock = function (number, x, y, floorId) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; if (!core.isset(number) || !core.isset(x) || !core.isset(y)) return; if (x<0 || x>=core.floors[floorId].width || y<0 || y>=core.floors[floorId].height) return; var originBlock=core.getBlock(x,y,floorId,true); var block = this.initBlock(x,y,number,true,core.floors[floorId]); if (core.isset(block.event)) { if (floorId == core.status.floorId) { core.removeGlobalAnimate(x, y); core.clearMap('event', x * 32, y * 32, 32, 32); if (originBlock != null) { var height = (originBlock.block.event||{}).height||32; if (height>32) core.clearMap('event2', x * 32, y * 32 +32-height, 32, height-32); } } if (originBlock==null) { core.status.maps[floorId].blocks.push(block); } else { originBlock.block.id = number; originBlock.block.event = block.event; block = originBlock.block; } if (floorId==core.status.floorId && !block.disable) { core.drawBlock(block); core.addGlobalAnimate(block); core.updateStatusBar(); } } } ////// 改变前景背景的图块 ////// maps.prototype.setBgFgBlock = function (name, number, x, y, floorId) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; if (!core.isset(number) || !core.isset(x) || !core.isset(y)) return; if (x<0 || x>=core.floors[floorId].width || y<0 || y>=core.floors[floorId].height) return; if (name!='bg' && name!='fg') return; var vFlag = "__"+name+"Value__"+floorId+"_"+x+"_"+y; core.setFlag(vFlag, number); core.status[name+"maps"][floorId] = null; if (floorId == core.status.floorId) core.drawMap(floorId); } ////// 重置地图 ////// maps.prototype.resetMap = function(floorId) { floorId = floorId || core.status.floorId; if (!core.isset(floorId)) return; if (typeof floorId == 'string') floorId = [floorId]; var needRefresh = false; floorId.forEach(function (t) { core.status.maps[t] = core.maps.loadFloor(t); if (t == core.status.floorId) needRefresh = true; }); if (needRefresh) this.drawMap(); core.drawTip("地图重置成功"); } // -------- moveBlock, Animate ... -------- // maps.prototype.__moveBlockCanvas = function (image, bx, by, height, nowX, nowY, opacity, headCanvas, bodyCanvas, damageCanvas) { // 重绘block & 重定位 if (headCanvas != null) { core.dymCanvas[headCanvas].clearRect(0, 0, 32, height); core.dymCanvas[headCanvas].drawImage(image, bx * 32, by * height, 32, height - 32, 0, 0, 32, height - 32); core.relocateCanvas(headCanvas, nowX - core.bigmap.offsetX, nowY+32-height - core.bigmap.offsetY); core.setOpacity(headCanvas, opacity); } if (bodyCanvas != null) { core.dymCanvas[bodyCanvas].clearRect(0, 0, 32, 32); core.dymCanvas[bodyCanvas].drawImage(image, bx * 32, by * height + height - 32, 32, 32, 0, 0, 32, 32); core.relocateCanvas(bodyCanvas, nowX - core.bigmap.offsetX, nowY - core.bigmap.offsetY); core.setOpacity(bodyCanvas, opacity); } if (damageCanvas != null) { core.relocateCanvas(damageCanvas, nowX - core.bigmap.offsetX, nowY - core.bigmap.offsetY); core.setOpacity(damageCanvas, opacity); } } maps.prototype.__initBlockCanvas = function (block, height, x, y) { var headCanvas = null, bodyCanvas = 'block'+x+"_"+y, damageCanvas = null; core.createCanvas(bodyCanvas, 0, 0, 32, 32, 35); if (height > 32) { headCanvas = "blockHead"+x+"_"+y; core.createCanvas(headCanvas, 0, 0, 32, height - 32, 55); } // 显伤 var damage = null, damageColor = null; if ((block.event.cls == 'enemys' || block.event.cls == 'enemy48') && core.hasItem('book') && block.event.displayDamage !== false) { var damageString = core.enemys.getDamageString(block.event.id, x, y); damage = damageString.damage; damageColor = damageString.color; } if (damage != null) { damageCanvas = "blockDamage"+x+"_"+y; var ctx = core.createCanvas(damageCanvas, 0, 0, 32, 32, 65); ctx.textAlign = 'left'; ctx.font = "bold 11px Arial"; core.fillBoldText(ctx, damage, 1, 31, damageColor); if (core.flags.displayCritical) { var critical = core.enemys.nextCriticals(block.event.id); if (critical.length>0) critical=critical[0]; critical = core.formatBigNumber(critical[0], true); if (critical == '???') critical = '?'; core.fillBoldText(ctx, critical, 1, 21, '#FFFFFF'); } } return { "headCanvas": headCanvas, "bodyCanvas": bodyCanvas, "damageCanvas": damageCanvas } } ////// 显示移动某块的动画,达到{“type”:”move”}的效果 ////// maps.prototype.moveBlock = function(x,y,steps,time,keep,callback) { time = time || 500; var floorId = core.status.floorId; var block = core.getBlock(x,y); if (block==null) {// 不存在 if (core.isset(callback)) callback(); return; } var id = block.block.id; // 需要删除该块 core.removeBlock(x,y); block=block.block; var blockInfo = this.getBlockInfo(block); if (blockInfo == null) { if (core.isset(callback)) callback(); return; } var image = blockInfo.image, bx = blockInfo.bx, by = blockInfo.by, height = blockInfo.height, isTileset = blockInfo.isTileset, faceIds = blockInfo.faceIds; // 要运行的轨迹:将steps展开 var moveSteps=[]; steps.forEach(function (e) { if (typeof e=="string") { moveSteps.push(e); } else { if (!core.isset(e.value)) { moveSteps.push(e.direction) } else { for (var i=0;i=0;}); var nowX=32*x, nowY=32*y, step=0; var destX=x, destY=y; moveSteps.forEach(function (t) { destX += core.utils.scan[t].x; destY += core.utils.scan[t].y; }); var animateValue = core.icons._getAnimateFrames(block.event.cls, true), animateCurrent = isTileset?bx:0, animateTime = 0; var blockCanvas = this.__initBlockCanvas(block, height, x, y); var headCanvas = blockCanvas.headCanvas, bodyCanvas = blockCanvas.bodyCanvas, damageCanvas = blockCanvas.damageCanvas; var opacity = 1; core.maps.__moveBlockCanvas(image, animateCurrent, by, height, nowX, nowY, opacity, headCanvas, bodyCanvas, damageCanvas); var animate=window.setInterval(function() { animateTime += time / 16 / core.status.replay.speed; if (animateTime >= core.values.animateSpeed) { animateCurrent++; animateTime = 0; if (animateCurrent>=animateValue) animateCurrent=0; } if (isTileset) animateCurrent = bx; // 已经移动完毕,消失 if (moveSteps.length==0 || floorId != core.status.floorId) { if (keep || floorId!=core.status.floorId) opacity=0; else opacity -= 0.06; if (opacity<=0) { delete core.animateFrame.asyncId[animate]; clearInterval(animate); core.deleteCanvas(headCanvas); core.deleteCanvas(bodyCanvas); core.deleteCanvas(damageCanvas); // 不消失 if (keep) { core.setBlock(id, destX, destY, floorId); if (floorId == core.status.floorId) core.showBlock(destX, destY); } if (core.isset(callback)) callback(); } else { core.maps.__moveBlockCanvas(image, animateCurrent, by, height, nowX, nowY, opacity, headCanvas, bodyCanvas, damageCanvas); } } else { // 移动中 var direction = moveSteps[0]; if (step == 0) { // 根据faceIds修改朝向 var currid = faceIds[direction]; if (core.isset(currid)) { var tby = core.material.icons[block.event.cls][currid]; if (core.isset(tby)) by = tby; } } step++; nowX+=core.utils.scan[direction].x*2; nowY+=core.utils.scan[direction].y*2; // 移动 core.maps.__moveBlockCanvas(image, animateCurrent, by, height, nowX, nowY, opacity, headCanvas, bodyCanvas, damageCanvas); if (step==16) { // 该移动完毕,继续 step=0; moveSteps.shift(); } } }, time / 16 / core.status.replay.speed); core.animateFrame.asyncId[animate] = true; } ////// 显示跳跃某块的动画,达到{"type":"jump"}的效果 ////// maps.prototype.jumpBlock = function(sx,sy,ex,ey,time,keep,callback) { time = time || 500; var floorId = core.status.floorId; var block = core.getBlock(sx,sy); if (block==null) { if (core.isset(callback)) callback(); return; } var id = block.block.id; // 需要删除该块 core.removeBlock(sx,sy); block=block.block; var blockInfo = this.getBlockInfo(block); if (blockInfo == null) { if (core.isset(callback)) callback(); return; } var image = blockInfo.image, bx = blockInfo.bx, by = blockInfo.by, height = blockInfo.height, isTileset = blockInfo.isTileset, faceIds = blockInfo.faceIds; core.playSound('jump.mp3'); var dx = ex-sx, dy=ey-sy, distance = Math.round(Math.sqrt(dx * dx + dy * dy)); var jump_peak = 6 + distance, jump_count = jump_peak * 2; var currx = sx, curry = sy; var drawX = function() { return currx * 32; } var drawY = function() { var ret = curry * 32; if(jump_count >= jump_peak){ var n = jump_count - jump_peak; }else{ var n = jump_peak - jump_count; } return ret - (jump_peak * jump_peak - n * n) / 2; } var updateJump = function() { jump_count--; currx = (currx * jump_count + ex) / (jump_count + 1.0); curry = (curry * jump_count + ey) / (jump_count + 1.0); } var blockCanvas = this.__initBlockCanvas(block, height, sx, sy); var headCanvas = blockCanvas.headCanvas, bodyCanvas = blockCanvas.bodyCanvas, damageCanvas = blockCanvas.damageCanvas; var opacity = 1; core.maps.__moveBlockCanvas(image, bx, by, height, drawX(), drawY(), opacity, headCanvas, bodyCanvas, damageCanvas); var animate=window.setInterval(function() { if (jump_count>0 && floorId == core.status.floorId) { updateJump(); core.maps.__moveBlockCanvas(image, bx, by, height, drawX(), drawY(), opacity, headCanvas, bodyCanvas, damageCanvas); } else { if (keep || floorId != core.status.floorId) opacity=0; else opacity -= 0.06; if (opacity<=0) { delete core.animateFrame.asyncId[animate]; clearInterval(animate); core.deleteCanvas(headCanvas); core.deleteCanvas(bodyCanvas); core.deleteCanvas(damageCanvas); if (keep) { core.setBlock(id, ex, ey, floorId); if (floorId == core.status.floorId) core.showBlock(ex, ey); } if (core.isset(callback)) callback(); } else { core.maps.__moveBlockCanvas(image, bx, by, height, drawX(), drawY(), opacity, headCanvas, bodyCanvas, damageCanvas); } } }, time / 16 / core.status.replay.speed); core.animateFrame.asyncId[animate] = true; } ////// 显示/隐藏某个块时的动画效果 ////// maps.prototype.animateBlock = function (loc,type,time,callback) { if (type!='hide') type='show'; if (typeof loc[0] == 'number' && typeof loc[1] == 'number') loc = [loc]; var list = []; loc.forEach(function (t) { var block = core.getBlock(t[0],t[1],null,true); if (block==null) return; block=block.block; var blockInfo = core.maps.getBlockInfo(block); if (blockInfo == null) return; var blockCanvas = core.maps.__initBlockCanvas(block, blockInfo.height, t[0], t[1]); var headCanvas = blockCanvas.headCanvas, bodyCanvas = blockCanvas.bodyCanvas, damageCanvas = blockCanvas.damageCanvas; list.push({ 'x': t[0], 'y': t[1], 'height': blockInfo.height, 'bx': blockInfo.bx, 'by': blockInfo.by, 'image': blockInfo.image, 'headCanvas': headCanvas, 'bodyCanvas': bodyCanvas, 'damageCanvas': damageCanvas }); }); if (list.length==0) { if (core.isset(callback)) callback(); return; } var opacity = 0; if (type=='hide') opacity=1; var draw = function () { list.forEach(function (t) { core.maps.__moveBlockCanvas(t.image, t.bx, t.by, t.height, t.x*32, t.y*32, opacity, t.headCanvas, t.bodyCanvas, t.damageCanvas); }) }; draw(); var per_time = 10, steps = parseInt(time / per_time), delta = 1 / steps; var animate = setInterval(function () { if (type=='show') opacity += delta; else opacity -= delta; if (opacity >=1 || opacity<=0) { delete core.animateFrame.asyncId[animate]; clearInterval(animate); list.forEach(function (t) { core.deleteCanvas(t.headCanvas); core.deleteCanvas(t.bodyCanvas); core.deleteCanvas(t.damageCanvas); }); if (type == 'show') { loc.forEach(function (t) { core.showBlock(t[0],t[1],data.floorId); }); } else { loc.forEach(function (t) { core.removeBlock(t[0],t[1],data.floorId); }); } if (core.isset(callback)) callback(); } else { draw(); } }, per_time); core.animateFrame.asyncId[animate] = true; } ////// 添加一个全局动画 ////// maps.prototype.addGlobalAnimate = function (b) { if (!core.isset(b.event) || !core.isset(b.event.animate) || b.event.animate==1) return; core.status.globalAnimateObjs.push(b); } ////// 添加一个Autotile全局动画 ////// maps.prototype.addAutotileGlobalAnimate = function (b) { if (!core.isset(b.event) || b.event.cls!='autotile') return; var id = b.event.id, img = core.material.images.autotile[id]; if (!core.isset(img) || img.width==96) return; core.status.autotileAnimateObjs.blocks.push(b); } ////// 删除一个或所有全局动画 ////// maps.prototype.removeGlobalAnimate = function (x, y, name) { // 没有定义xy,则全部删除 if (!core.isset(x) || !core.isset(y)) { core.status.globalAnimateStatus = 0; core.status.globalAnimateObjs = []; core.status.autotileAnimateObjs = {"blocks": [], "map": null, "bgmap": null, "fgmap": null}; core.status.floorAnimateObjs = []; return; } core.status.globalAnimateObjs = core.status.globalAnimateObjs.filter(function (block) {return block.x!=x || block.y!=y || block.name!=name;}); // 检查Autotile if (core.isset(core.status.autotileAnimateObjs.blocks)) { core.status.autotileAnimateObjs.blocks = core.status.autotileAnimateObjs.blocks.filter(function (block) {return block.x!=x || block.y!=y || block.name!=name;}); core.status.autotileAnimateObjs.map[y][x] = 0; } } ////// 设置全局动画的显示效果 ////// maps.prototype.setGlobalAnimate = function () { core.status.globalAnimateStatus = 0; core.animateFrame.globalAnimate = true; } ////// 绘制UI层的box动画 ////// maps.prototype.drawBoxAnimate = function () { core.status.boxAnimateObjs.forEach(function (obj) { core.clearMap('ui', obj.bgx, obj.bgy, obj.bgWidth, obj.bgHeight); core.fillRect('ui', obj.bgx, obj.bgy, obj.bgWidth, obj.bgHeight, core.material.groundPattern); core.drawImage('ui', obj.image, core.status.globalAnimateStatus % obj.animate * 32, obj.pos, 32, obj.height, obj.x, obj.y, 32, obj.height); }); } ////// 绘制动画 ////// maps.prototype.drawAnimate = function (name, x, y, callback) { // 正在播放录像:不显示动画 if (core.isReplaying()) { if (core.isset(callback)) callback(); return -1; } // 检测动画是否存在 if (!core.isset(core.material.animates[name]) || !core.isset(x) || !core.isset(y)) { if (core.isset(callback)) callback(); return -1; } // 开始绘制 var animate = core.material.animates[name], centerX = 32*x+16, centerY = 32*y+16; // 播放音效 core.playSound(animate.se); var animateId = parseInt(Math.random() * 100000000); core.status.animateObjs.push({ "animate": animate, "centerX": centerX, "centerY": centerY, "index": 0, "id": animateId, "callback": callback }); core.animateFrame.asyncId[animateId] = true; return animateId; } ////// 绘制动画的某一帧 ////// maps.prototype._drawAnimateFrame = function (animate, centerX, centerY, index) { var frame = animate.frames[index]; var ratio = animate.ratio; frame.forEach(function (t) { var image = animate.images[t.index]; if (!core.isset(image)) return; var realWidth = image.width * ratio * t.zoom / 100; var realHeight = image.height * ratio * t.zoom / 100; core.setAlpha('animate', t.opacity / 255); var cx = centerX+t.x, cy=centerY+t.y; if (!t.mirror && !t.angle) { core.drawImage('animate', image, cx-realWidth/2 - core.bigmap.offsetX, cy-realHeight/2 - core.bigmap.offsetY, realWidth, realHeight); } else { core.saveCanvas('animate'); core.canvas.animate.translate(cx,cy); if (t.angle) core.canvas.animate.rotate(-t.angle*Math.PI/180); if (t.mirror) core.canvas.animate.scale(-1,1); core.drawImage('animate', image, -realWidth/2 - core.bigmap.offsetX, -realHeight/2 - core.bigmap.offsetY, realWidth, realHeight); core.loadCanvas('animate'); } core.setAlpha('animate', 1); }) } ////// 停止动画 ////// maps.prototype.stopAnimate = function (id, doCallback) { for (var i=0;i