888 lines
30 KiB
JavaScript
888 lines
30 KiB
JavaScript
function maps() {
|
||
this.init();
|
||
}
|
||
|
||
maps.prototype.init = function() {
|
||
this.blocksInfo = maps_90f36752_8815_4be8_b32b_d7fad1d0542e;
|
||
//delete(maps_90f36752_8815_4be8_b32b_d7fad1d0542e);
|
||
}
|
||
|
||
////// 加载某个楼层（从剧本或存档中） //////
|
||
maps.prototype.loadFloor = function (floorId, map) {
|
||
var floor = core.floors[floorId];
|
||
var content = {};
|
||
content['floorId'] = floor.floorId;
|
||
content['name'] = floor.name;
|
||
content['title'] = floor.title;
|
||
content['canFlyTo'] = floor.canFlyTo;
|
||
if (!core.isset(map)) map=floor.map;
|
||
var mapIntoBlocks = function(map,maps,floor){
|
||
var blocks = [];
|
||
for (var i = 0; i < 13; i++) {
|
||
for (var j = 0; j < 13; j++) {
|
||
var block = maps.initBlock(j, i, map[i][j]);
|
||
maps.addInfo(block);
|
||
maps.addEvent(block,j,i,floor.events[j+","+i])
|
||
maps.addChangeFloor(block,j,i,floor.changeFloor[j+","+i]);
|
||
if (core.isset(block.event)) blocks.push(block);
|
||
}
|
||
}
|
||
return blocks;
|
||
}
|
||
if (main.mode=='editor'){
|
||
main.editor.mapIntoBlocks = function(map,floor){
|
||
return mapIntoBlocks(map,core.maps,floor);
|
||
}
|
||
}
|
||
// 事件处理
|
||
content['blocks'] = mapIntoBlocks(map,this,floor);
|
||
return content;
|
||
}
|
||
|
||
////// 数字和ID的对应关系 //////
|
||
maps.prototype.initBlock = function (x, y, id) {
|
||
var enable=null;
|
||
id = ""+id;
|
||
if (id.length>2) {
|
||
if (id.indexOf(":f")==id.length-2) {
|
||
id = id.substring(0, id.length - 2);
|
||
enable = false;
|
||
}
|
||
else if (id.indexOf(":t")==id.length-2) {
|
||
id = id.substring(0, id.length - 2);
|
||
enable = true;
|
||
}
|
||
}
|
||
id=parseInt(id);
|
||
var tmp = {'x': x, 'y': y, 'id': id};
|
||
if (enable!=null) tmp.enable = enable;
|
||
|
||
if (id in this.blocksInfo) tmp.event = JSON.parse(JSON.stringify(this.blocksInfo[id]));
|
||
|
||
return tmp;
|
||
}
|
||
|
||
////// 添加一些信息到block上 //////
|
||
maps.prototype.addInfo = function (block) {
|
||
if (core.isset(block.event)) {
|
||
if (block.event.cls == 'enemys' && block.event.trigger==undefined) {
|
||
block.event.trigger = 'battle';
|
||
}
|
||
if (block.event.cls == 'items' && block.event.trigger==undefined) {
|
||
block.event.trigger = 'getItem';
|
||
}
|
||
if (block.event.noPass == undefined) {
|
||
if (block.event.cls=='enemys' || block.event.cls=='terrains' || block.event.cls=='npcs') {
|
||
block.event.noPass = true;
|
||
}
|
||
}
|
||
if (block.event.animate == undefined) {
|
||
if (block.event.cls=='enemys' || block.event.cls=='npcs') {
|
||
block.event.animate = 2;
|
||
}
|
||
if (block.event.cls == 'animates') {
|
||
block.event.animate = 4;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
////// 向该楼层添加剧本的自定义事件 //////
|
||
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 = [];
|
||
|
||
// 覆盖noPass
|
||
if (core.isset(event.noPass))
|
||
block.event.noPass = event.noPass;
|
||
|
||
// 覆盖enable
|
||
if (!core.isset(block.enable) && core.isset(event.enable)) {
|
||
block.enable=event.enable;
|
||
}
|
||
// 覆盖trigger
|
||
if (!core.isset(block.event.trigger)) {
|
||
if (core.isset(event.trigger)) block.event.trigger=event.trigger;
|
||
else block.event.trigger='action';
|
||
}
|
||
else if (core.isset(event.trigger) && event.trigger!='checkBlock') {
|
||
block.event.trigger=event.trigger;
|
||
}
|
||
// 覆盖其他属性
|
||
for (var key in event) {
|
||
if (key!="enable" && key!="trigger") {
|
||
block.event[key]=core.clone(event[key]);
|
||
}
|
||
}
|
||
}
|
||
|
||
////// 向该楼层添加剧本的楼层转换事件 //////
|
||
maps.prototype.addChangeFloor = function (block, x, y, event, ground) {
|
||
if (!core.isset(event)) return;
|
||
this.addEvent(block, x, y, {"trigger": "changeFloor", "data": event}, ground);
|
||
}
|
||
|
||
////// 初始化所有地图 //////
|
||
maps.prototype.initMaps = function (floorIds) {
|
||
var maps = {};
|
||
for (var i=0;i<floorIds.length;i++) {
|
||
var floorId = floorIds[i];
|
||
maps[floorId] = this.loadFloor(floorId);
|
||
}
|
||
return maps;
|
||
}
|
||
|
||
////// 将当前地图重新变成数字，以便于存档 //////
|
||
maps.prototype.save = function(maps, floorId) {
|
||
if (!core.isset(floorId)) {
|
||
var map = {};
|
||
for (var id in maps) {
|
||
map[id] = this.save(maps, id);
|
||
// map.push(this.save(maps, id));
|
||
}
|
||
return map;
|
||
}
|
||
|
||
var thisFloor = maps[floorId];
|
||
|
||
var blocks = [];
|
||
for (var x=0;x<13;x++) {
|
||
blocks[x]=[];
|
||
for (var y=0;y<13;y++) {
|
||
blocks[x].push(0);
|
||
}
|
||
}
|
||
thisFloor.blocks.forEach(function (block) {
|
||
if (core.isset(block.enable)) {
|
||
if (block.enable) blocks[block.y][block.x] = block.id+":t";
|
||
else blocks[block.y][block.x] = block.id+":f";
|
||
}
|
||
else blocks[block.y][block.x] = block.id;
|
||
});
|
||
return blocks;
|
||
}
|
||
|
||
////// 将存档中的地图信息重新读取出来 //////
|
||
maps.prototype.load = function (data, floorId) {
|
||
if (floorId == undefined) {
|
||
var map = {};
|
||
core.floorIds.forEach(function (id) {
|
||
map[id] = core.maps.loadFloor(id, data[id]);
|
||
})
|
||
return map;
|
||
}
|
||
return this.loadFloor(floorId, data[floorId]);
|
||
}
|
||
|
||
////// 将当前地图重新变成二维数组形式 //////
|
||
maps.prototype.getMapArray = function (blockArray){
|
||
|
||
var blocks = [];
|
||
for (var x=0;x<13;x++) {
|
||
blocks[x]=[];
|
||
for (var y=0;y<13;y++) {
|
||
blocks[x].push(0);
|
||
}
|
||
}
|
||
blockArray.forEach(function (block) {
|
||
if (!(core.isset(block.enable) && !block.enable))
|
||
blocks[block.y][block.x] = block.id;
|
||
});
|
||
return blocks;
|
||
}
|
||
|
||
|
||
|
||
////// 勇士能否前往某方向 //////
|
||
maps.prototype.canMoveHero = function(x,y,direction,floorId) {
|
||
if (!core.isset(x)) x=core.getHeroLoc('x');
|
||
if (!core.isset(y)) y=core.getHeroLoc('y');
|
||
if (!core.isset(direction)) direction=core.getHeroLoc('direction');
|
||
if (!core.isset(floorId)) floorId=core.status.floorId;
|
||
|
||
// 检查当前块的cannotMove
|
||
if (core.isset(core.floors[floorId].cannotMove)) {
|
||
var cannotMove = core.floors[floorId].cannotMove[x+","+y];
|
||
if (core.isset(cannotMove) && cannotMove instanceof Array && cannotMove.indexOf(direction)>=0)
|
||
return false;
|
||
}
|
||
|
||
var nowBlock = core.getBlock(x,y,floorId);
|
||
if (nowBlock!=null){
|
||
nowId = nowBlock.block.event.id;
|
||
var nowIsArrow = nowId.slice(0, 5).toLowerCase() == 'arrow';
|
||
if(nowIsArrow){
|
||
var nowArrow = nowId.slice(5).toLowerCase();
|
||
if (direction != nowArrow) {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
var scan = {
|
||
'up': {'x': 0, 'y': -1},
|
||
'left': {'x': -1, 'y': 0},
|
||
'down': {'x': 0, 'y': 1},
|
||
'right': {'x': 1, 'y': 0}
|
||
};
|
||
var nextBlock = core.getBlock(x+scan[direction].x,y+scan[direction].y,floorId);
|
||
if (nextBlock!=null){
|
||
nextId = nextBlock.block.event.id;
|
||
// 遇到单向箭头处理
|
||
var isArrow = nextId.slice(0, 5).toLowerCase() == 'arrow';
|
||
if(isArrow){
|
||
var nextArrow = nextId.slice(5).toLowerCase();
|
||
if ( (scan[direction].x + scan[nextArrow].x) == 0 && (scan[direction].y + scan[nextArrow].y) == 0 ) {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
return true;
|
||
}
|
||
|
||
////// 能否瞬间移动 //////
|
||
maps.prototype.canMoveDirectly = function (destX,destY) {
|
||
if (!core.flags.enableMoveDirectly) return false;
|
||
|
||
// 中毒状态：不能
|
||
if (core.hasFlag('poison')) return false;
|
||
|
||
var fromX = core.getHeroLoc('x'), fromY = core.getHeroLoc('y');
|
||
if (fromX==destX&&fromY==destY) return false;
|
||
|
||
if (core.getBlock(fromX,fromY)!=null||core.status.checkBlock.damage[13*fromX+fromY]>0)
|
||
return false;
|
||
|
||
// BFS
|
||
var visited=[], queue=[];
|
||
visited[13*fromX+fromY]=true;
|
||
queue.push(13*fromX+fromY);
|
||
|
||
var directions = [[-1,0],[1,0],[0,1],[0,-1]];
|
||
while (queue.length>0) {
|
||
var now=queue.shift(), nowX=parseInt(now/13), nowY=now%13;
|
||
|
||
for (var dir in directions) {
|
||
var nx=nowX+directions[dir][0], ny=nowY+directions[dir][1];
|
||
if (nx<0||nx>=13||ny<0||ny>=13||visited[13*nx+ny]||core.getBlock(nx,ny)!=null||core.status.checkBlock.damage[13*nx+ny]>0) continue;
|
||
if (nx==destX&&ny==destY) return true;
|
||
visited[13*nx+ny]=true;
|
||
queue.push(13*nx+ny);
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
////// 绘制某张地图 //////
|
||
maps.prototype.drawMap = function (mapName, callback) {
|
||
core.clearMap('all');
|
||
core.removeGlobalAnimate(null, null, true);
|
||
var drawBg = function(){
|
||
var groundId = core.floors[mapName].defaultGround || "ground";
|
||
var blockIcon = core.material.icons.terrains[groundId];
|
||
var blockImage = core.material.images.terrains;
|
||
for (var x = 0; x < 13; x++) {
|
||
for (var y = 0; y < 13; y++) {
|
||
core.canvas.bg.drawImage(blockImage, 0, blockIcon * 32, 32, 32, x * 32, y * 32, 32, 32);
|
||
}
|
||
}
|
||
// 如果存在png
|
||
if (core.isset(core.floors[mapName].png)) {
|
||
|
||
var x=0, y=0, size=416;
|
||
|
||
var png = core.floors[mapName].png;
|
||
|
||
var ratio = size/416;
|
||
|
||
if (typeof png == 'string') {
|
||
if (core.isset(core.material.images.pngs[png])) {
|
||
core.canvas.bg.drawImage(core.material.images.pngs[png], x, y, size, size);
|
||
}
|
||
}
|
||
else if (png instanceof Array) {
|
||
png.forEach(function (t) {
|
||
if (t.length!=3) return;
|
||
var dx=parseInt(t[0]), dy=parseInt(t[1]), p=t[2];
|
||
if (core.isset(dx) && core.isset(dy) && core.isset(core.material.images.pngs[p])) {
|
||
dx*=32; dy*=32;
|
||
var image = core.material.images.pngs[p];
|
||
core.canvas.bg.drawImage(image, x+dx*ratio, y+dy*ratio, Math.min(size-dx*ratio, ratio*image.width), Math.min(size-dy*ratio, ratio*image.height));
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
if (main.mode=='editor'){
|
||
main.editor.drawMapBg = function(){
|
||
core.clearMap('bg', 0, 0, 416, 416);
|
||
drawBg();
|
||
}
|
||
} else {
|
||
drawBg();
|
||
}
|
||
|
||
core.status.floorId = mapName;
|
||
core.status.thisMap = core.status.maps[mapName];
|
||
var drawEvent = function(){
|
||
var mapData = core.status.maps[core.status.floorId];
|
||
var mapBlocks = mapData.blocks;
|
||
|
||
var mapArray = core.maps.getMapArray(mapBlocks);
|
||
for (var b = 0; b < mapBlocks.length; b++) {
|
||
// 事件启用
|
||
var block = mapBlocks[b];
|
||
if (core.isset(block.event) && !(core.isset(block.enable) && !block.enable)) {
|
||
if (block.event.cls == 'autotile') {
|
||
core.drawAutotile(core.canvas.event, mapArray, block, 32, 0, 0);
|
||
}
|
||
else {
|
||
if (block.event.id!='none') {
|
||
blockIcon = core.material.icons[block.event.cls][block.event.id];
|
||
blockImage = core.material.images[block.event.cls];
|
||
core.canvas.event.drawImage(core.material.images[block.event.cls], 0, blockIcon * 32, 32, 32, block.x * 32, block.y * 32, 32, 32);
|
||
core.addGlobalAnimate(block.event.animate, block.x * 32, block.y * 32, blockIcon, blockImage);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (main.mode=='editor'){
|
||
main.editor.updateMap = function(){
|
||
core.removeGlobalAnimate(null, null, true);
|
||
core.clearMap('event', 0, 0, 416, 416);
|
||
drawEvent();
|
||
core.setGlobalAnimate(core.values.animateSpeed);
|
||
}
|
||
} else {
|
||
drawEvent();
|
||
}
|
||
core.setGlobalAnimate(core.values.animateSpeed);
|
||
if (core.isset(callback))
|
||
callback();
|
||
}
|
||
|
||
////// 绘制Autotile //////
|
||
maps.prototype.drawAutotile = function(ctx, mapArr, block, size, left, top){
|
||
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 +----+----+----+----+----+----+
|
||
];
|
||
|
||
var drawBlockByIndex = function(ctx, dx, dy, autotileImg, index, size){ //index为autotile的图块索引1-48
|
||
var sx = 16*((index-1)%6), sy = 16*(~~((index-1)/6));
|
||
ctx.drawImage(autotileImg, sx, sy, 16, 16, dx, dy, size/2, size/2);
|
||
}
|
||
var getAutotileAroundId = function(currId, x, y){
|
||
if(x<0 || y<0 || x>12 || y>12) return 1;
|
||
else return mapArr[y][x]==currId ? 1:0;
|
||
}
|
||
var checkAround = function(x, y){ // 得到周围四个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 = getAutotileAroundId(currId, x+offsetx+mx-1, y+offsety+my-1);
|
||
bsum += b*(Math.pow(2, 3-j));
|
||
}
|
||
pointBlock.push(bsum);
|
||
}
|
||
return pointBlock;
|
||
}
|
||
var getAutotileIndexs = function(x, y){
|
||
var indexArr = [];
|
||
var pointBlocks = checkAround(x, y);
|
||
for(var i=0; i<4; i++){
|
||
var arr = indexArrs[pointBlocks[i]]
|
||
indexArr.push(arr[3-i]);
|
||
}
|
||
return indexArr;
|
||
}
|
||
// 开始绘制autotile
|
||
var x = block.x, y = block.y;
|
||
var pieceIndexs = getAutotileIndexs(x, y);
|
||
|
||
//修正四个边角的固定搭配
|
||
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));
|
||
drawBlockByIndex(ctx, dx+left, dy+top, core.material.images['autotile'][block.event.id], index, size);
|
||
}
|
||
}
|
||
|
||
////// 某个点是否不可通行 //////
|
||
maps.prototype.noPassExists = 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;
|
||
}
|
||
|
||
////// 某个点是否在区域内且不可通行 //////
|
||
maps.prototype.noPass = function (x, y) {
|
||
return x<0 || x>12 || y<0 || y>12 || this.noPassExists(x,y);
|
||
}
|
||
|
||
////// 某个点是否存在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 == 'npcs';
|
||
}
|
||
|
||
////// 某个点是否存在（指定的）地形 //////
|
||
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=='enemys' && (core.isset(id)?block.block.event.id==id:true);
|
||
}
|
||
|
||
////// 获得某个点的block //////
|
||
maps.prototype.getBlock = function (x, y, floorId, needEnable) {
|
||
if (!core.isset(floorId)) floorId=core.status.floorId;
|
||
if (!core.isset(needEnable)) needEnable=true;
|
||
var blocks = core.status.maps[floorId].blocks;
|
||
for (var n=0;n<blocks.length;n++) {
|
||
if (blocks[n].x==x && blocks[n].y==y && core.isset(blocks[n].event)) {
|
||
if (needEnable && core.isset(blocks[n].enable) && !blocks[n].enable) return null;
|
||
return {"index": n, "block": blocks[n]};
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
////// 显示移动某块的动画，达到{“type”:”move”}的效果 //////
|
||
maps.prototype.moveBlock = function(x,y,steps,time,immediateHide,callback) {
|
||
time = time || 500;
|
||
core.status.replay.animate=true;
|
||
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
|
||
var block = core.getBlock(x,y,core.status.floorId,false);
|
||
if (block==null) {// 不存在
|
||
if (core.isset(callback)) callback();
|
||
return;
|
||
}
|
||
|
||
// 需要删除该块
|
||
core.removeBlock(x,y);
|
||
|
||
core.clearMap('ui', 0, 0, 416, 416);
|
||
core.setAlpha('ui', 1.0);
|
||
|
||
block=block.block;
|
||
var blockIcon = core.material.icons[block.event.cls][block.event.id];
|
||
var blockImage = core.material.images[block.event.cls];
|
||
|
||
var opacityVal = 1;
|
||
core.setOpacity('animate', opacityVal);
|
||
core.canvas.animate.drawImage(blockImage, 0, blockIcon * 32, 32, 32, block.x * 32, block.y * 32, 32, 32);
|
||
|
||
// 要运行的轨迹：将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<e.value;i++) {
|
||
moveSteps.push(e.direction);
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
var nowX=32*x, nowY=32*y, step=0;
|
||
var scan = {
|
||
'up': {'x': 0, 'y': -1},
|
||
'left': {'x': -1, 'y': 0},
|
||
'down': {'x': 0, 'y': 1},
|
||
'right': {'x': 1, 'y': 0}
|
||
};
|
||
|
||
var animateValue = block.event.animate || 1;
|
||
var animateCurrent = 0;
|
||
var animateTime = 0;
|
||
|
||
var animate=window.setInterval(function() {
|
||
|
||
animateTime += time / 16 / core.status.replay.speed;
|
||
if (animateTime >= core.values.animateSpeed * 2 / animateValue) {
|
||
animateCurrent++;
|
||
animateTime = 0;
|
||
if (animateCurrent>=animateValue) animateCurrent=0;
|
||
}
|
||
|
||
// 已经移动完毕，消失
|
||
if (moveSteps.length==0) {
|
||
if (immediateHide) opacityVal=0;
|
||
else opacityVal -= 0.06;
|
||
core.setOpacity('animate', opacityVal);
|
||
core.clearMap('animate', nowX, nowY, 32, 32);
|
||
core.canvas.animate.drawImage(blockImage, animateCurrent * 32, blockIcon * 32, 32, 32, nowX, nowY, 32, 32);
|
||
if (opacityVal<=0) {
|
||
clearInterval(animate);
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
core.setOpacity('animate', 1);
|
||
core.status.replay.animate=false;
|
||
if (core.isset(callback)) callback();
|
||
}
|
||
}
|
||
else {
|
||
// 移动中
|
||
step++;
|
||
nowX+=scan[moveSteps[0]].x*2;
|
||
nowY+=scan[moveSteps[0]].y*2;
|
||
core.clearMap('animate', nowX-32, nowY-32, 96, 96);
|
||
// 绘制
|
||
core.canvas.animate.drawImage(blockImage, animateCurrent * 32, blockIcon * 32, 32, 32, nowX, nowY, 32, 32);
|
||
if (step==16) {
|
||
// 该移动完毕，继续
|
||
step=0;
|
||
moveSteps.shift();
|
||
}
|
||
}
|
||
}, time / 16 / core.status.replay.speed);
|
||
}
|
||
|
||
////// 显示/隐藏某个块时的动画效果 //////
|
||
maps.prototype.animateBlock = function (loc,type,time,callback) {
|
||
if (type!='hide') type='show';
|
||
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
|
||
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],core.status.floorId,false);
|
||
if (block==null) return;
|
||
block=block.block;
|
||
list.push({
|
||
'x': t[0], 'y': t[1],
|
||
'blockIcon': core.material.icons[block.event.cls][block.event.id],
|
||
'blockImage': core.material.images[block.event.cls]
|
||
})
|
||
})
|
||
|
||
if (list.length==0) {
|
||
if (core.isset(callback)) callback();
|
||
return;
|
||
}
|
||
|
||
core.status.replay.animate=true;
|
||
var draw = function () {
|
||
list.forEach(function (t) {
|
||
core.canvas.animate.drawImage(t.blockImage, 0, t.blockIcon * 32, 32, 32, t.x * 32, t.y * 32, 32, 32);
|
||
})
|
||
}
|
||
|
||
var opacityVal = 0;
|
||
if (type=='hide') opacityVal=1;
|
||
|
||
core.setOpacity('animate', opacityVal);
|
||
draw();
|
||
|
||
var animate = window.setInterval(function () {
|
||
if (type=='show') opacityVal += 0.1;
|
||
else opacityVal -= 0.1;
|
||
core.setOpacity('animate', opacityVal);
|
||
core.clearMap('animate',0,0,416,416);
|
||
|
||
draw();
|
||
if (opacityVal >=1 || opacityVal<=0) {
|
||
clearInterval(animate);
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
core.setOpacity('animate', 1);
|
||
core.status.replay.animate=false;
|
||
if (core.isset(callback)) callback();
|
||
}
|
||
}, time / 10 / core.status.replay.speed);
|
||
}
|
||
|
||
////// 将某个块从禁用变成启用状态 //////
|
||
maps.prototype.showBlock = function(x, y, floodId) {
|
||
floodId = floodId || core.status.floorId;
|
||
var block = core.getBlock(x,y,floodId,false);
|
||
if (block==null) return; // 不存在
|
||
block=block.block;
|
||
// 本身是禁用事件，启用之
|
||
if (core.isset(block.enable) && !block.enable) {
|
||
block.enable = true;
|
||
// 在本层，添加动画
|
||
if (floodId == core.status.floorId && core.isset(block.event)) {
|
||
blockIcon = core.material.icons[block.event.cls][block.event.id];
|
||
blockImage = core.material.images[block.event.cls];
|
||
core.canvas.event.drawImage(core.material.images[block.event.cls], 0, blockIcon * 32, 32, 32, block.x * 32, block.y * 32, 32, 32);
|
||
core.addGlobalAnimate(block.event.animate, block.x * 32, block.y * 32, blockIcon, blockImage);
|
||
// core.setGlobalAnimate(core.values.animateSpeed);
|
||
core.syncGlobalAnimate();
|
||
}
|
||
core.updateStatusBar();
|
||
}
|
||
}
|
||
|
||
////// 将某个块从启用变成禁用状态 //////
|
||
maps.prototype.removeBlock = function (x, y, floorId) {
|
||
floorId = floorId || core.status.floorId;
|
||
|
||
var block = core.getBlock(x,y,floorId,false);
|
||
if (block==null) return; // 不存在
|
||
|
||
var index=block.index;
|
||
|
||
// 删除动画，清除地图
|
||
if (floorId==core.status.floorId) {
|
||
core.removeGlobalAnimate(x, y);
|
||
core.canvas.event.clearRect(x * 32, y * 32, 32, 32);
|
||
}
|
||
|
||
// 删除Index
|
||
core.removeBlockById(index, floorId);
|
||
core.updateFg();
|
||
}
|
||
|
||
////// 根据block的索引删除该块 //////
|
||
maps.prototype.removeBlockById = function (index, floorId) {
|
||
|
||
var blocks = core.status.maps[floorId].blocks, block = blocks[index];
|
||
var x=block.x, y=block.y;
|
||
|
||
// 检查该点是否存在事件
|
||
var event = core.floors[floorId].events[x+","+y];
|
||
if (!core.isset(event))
|
||
event = core.floors[floorId].changeFloor[x+","+y];
|
||
|
||
// 检查是否存在重生
|
||
var isReborn = false;
|
||
if (core.isset(block.event) && block.event.cls=='enemys'
|
||
&& core.enemys.hasSpecial(core.material.enemys[block.event.id].special, 23))
|
||
isReborn = true;
|
||
|
||
// 不存在事件，直接删除
|
||
if (!isReborn && !core.isset(event)) {
|
||
blocks.splice(index,1);
|
||
return;
|
||
}
|
||
block.enable = false;
|
||
}
|
||
|
||
////// 一次性删除多个block //////
|
||
maps.prototype.removeBlockByIds = function (floorId, ids) {
|
||
ids.sort(function (a,b) {return b-a}).forEach(function (id) {
|
||
core.removeBlockById(id, floorId);
|
||
});
|
||
}
|
||
|
||
////// 添加一个全局动画 //////
|
||
maps.prototype.addGlobalAnimate = function (animateMore, x, y, loc, image) {
|
||
if (main.mode=='editor' && main.editor.disableGlobalAnimate) return;
|
||
if (animateMore == 2) {
|
||
core.status.twoAnimateObjs.push({
|
||
'x': x,
|
||
'y': y,
|
||
'status': 0,
|
||
'loc': loc,
|
||
'image': image
|
||
});
|
||
}
|
||
else if (animateMore == 4) {
|
||
core.status.fourAnimateObjs.push({
|
||
'x': x,
|
||
'y': y,
|
||
'status': 0,
|
||
'loc': loc,
|
||
'image': image
|
||
});
|
||
}
|
||
}
|
||
|
||
////// 删除一个或所有全局动画 //////
|
||
maps.prototype.removeGlobalAnimate = function (x, y, all) {
|
||
if (all == true) {
|
||
core.status.twoAnimateObjs = [];
|
||
core.status.fourAnimateObjs = [];
|
||
}
|
||
|
||
if (main.mode=='editor' && main.editor.disableGlobalAnimate) return;
|
||
|
||
for (var t = 0; t < core.status.twoAnimateObjs.length; t++) {
|
||
if (core.status.twoAnimateObjs[t].x == x * 32 && core.status.twoAnimateObjs[t].y == y * 32) {
|
||
core.status.twoAnimateObjs.splice(t, 1);
|
||
return;
|
||
}
|
||
}
|
||
for (var f = 0; f < core.status.fourAnimateObjs.length; f++) {
|
||
if (core.status.fourAnimateObjs[f].x == x * 32 && core.status.fourAnimateObjs[f].y == y * 32) {
|
||
core.status.fourAnimateObjs.splice(f, 1);
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
|
||
////// 设置全局动画的显示效果 //////
|
||
maps.prototype.setGlobalAnimate = function (speed) {
|
||
if (main.mode=='editor' && main.editor.disableGlobalAnimate) return;
|
||
core.syncGlobalAnimate();
|
||
core.animateFrame.speed = speed;
|
||
core.animateFrame.globalAnimate = true;
|
||
}
|
||
|
||
////// 同步所有的全局动画效果 //////
|
||
maps.prototype.syncGlobalAnimate = function () {
|
||
core.status.twoAnimateObjs.forEach(function (t) {
|
||
t.status=0;
|
||
})
|
||
core.status.fourAnimateObjs.forEach(function (t) {
|
||
t.status=0;
|
||
})
|
||
}
|
||
|
||
////// 绘制UI层的box动画 //////
|
||
maps.prototype.drawBoxAnimate = function () {
|
||
for (var a = 0; a < core.status.boxAnimateObjs.length; a++) {
|
||
var obj = core.status.boxAnimateObjs[a];
|
||
obj.status = ((obj.status||0)+1)%2;
|
||
core.clearMap('ui', obj.bgx, obj.bgy, obj.bgsize, obj.bgsize);
|
||
core.fillRect('ui', obj.bgx, obj.bgy, obj.bgsize, obj.bgsize, core.animateFrame.background);
|
||
core.canvas.ui.drawImage(obj.image, obj.status * 32, obj.icon * 32,
|
||
32, 32, obj.x, obj.y, 32, 32);
|
||
}
|
||
}
|
||
|
||
////// 绘制动画 //////
|
||
maps.prototype.drawAnimate = function (name, x, y, callback) {
|
||
|
||
// 正在播放录像：不显示动画
|
||
if (core.isset(core.status.replay) && core.status.replay.replaying) {
|
||
if (core.isset(callback)) callback();
|
||
return;
|
||
}
|
||
|
||
// 检测动画是否存在
|
||
if (!core.isset(core.material.animates[name]) || !core.isset(x) || !core.isset(y)) {
|
||
if (core.isset(callback)) callback();
|
||
return;
|
||
}
|
||
|
||
// 清空animate层
|
||
clearInterval(core.interval.animateInterval);
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
|
||
// 开始绘制
|
||
var animate = core.material.animates[name];
|
||
var ratio = animate.ratio;
|
||
var centerX = 32*x+16, centerY = 32*y+16;
|
||
var index=0;
|
||
|
||
var draw = function (index) {
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
|
||
var frame = animate.frames[index];
|
||
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.canvas.animate.drawImage(image, cx-realWidth/2, cy-realHeight/2, 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.canvas.animate.drawImage(image, -realWidth/2, -realHeight/2, realWidth, realHeight);
|
||
core.loadCanvas('animate');
|
||
}
|
||
})
|
||
}
|
||
|
||
draw(index++);
|
||
|
||
core.interval.animateInterval = setInterval(function (t) {
|
||
if (index == animate.frames.length) {
|
||
clearInterval(core.interval.animateInterval);
|
||
core.clearMap('animate', 0, 0, 416, 416);
|
||
core.setAlpha('animate', 1);
|
||
if (core.isset(callback)) callback();
|
||
return;
|
||
}
|
||
draw(index++);
|
||
}, 50);
|
||
} |