850 lines
31 KiB
JavaScript
850 lines
31 KiB
JavaScript
editor_unsorted_1_wrapper=function(editor){
|
|
|
|
editor.constructor.prototype.listen=function () {
|
|
document.body.onmousedown = function (e) {
|
|
//console.log(e);
|
|
var clickpath = [];
|
|
var getpath=function(e) {
|
|
var path = [];
|
|
var currentElem = e.target;
|
|
while (currentElem) {
|
|
path.push(currentElem);
|
|
currentElem = currentElem.parentElement;
|
|
}
|
|
if (path.indexOf(window) === -1 && path.indexOf(document) === -1)
|
|
path.push(document);
|
|
if (path.indexOf(window) === -1)
|
|
path.push(window);
|
|
return path;
|
|
}
|
|
getpath(e).forEach(function (node) {
|
|
if (!node.getAttribute) return;
|
|
var id_ = node.getAttribute('id');
|
|
if (id_) {
|
|
if (['left', 'left1', 'left2', 'left3', 'left4', 'left5', 'left8', 'mobileview'].indexOf(id_) !== -1) clickpath.push('edit');
|
|
clickpath.push(id_);
|
|
}
|
|
});
|
|
|
|
var unselect=true;
|
|
for(var ii=0,thisId;thisId=['edit','tip','brushMod','brushMod2','brushMod3','layerMod','layerMod2','layerMod3','viewportButtons'][ii];ii++){
|
|
if (clickpath.indexOf(thisId) !== -1){
|
|
unselect=false;
|
|
break;
|
|
}
|
|
}
|
|
if (unselect) {
|
|
if (clickpath.indexOf('eui') === -1) {
|
|
if (selectBox.isSelected()) {
|
|
editor_mode.onmode('');
|
|
editor.file.saveFloorFile(function (err) {
|
|
if (err) {
|
|
printe(err);
|
|
throw(err)
|
|
}
|
|
;printf('地图保存成功');
|
|
});
|
|
}
|
|
selectBox.isSelected(false);
|
|
editor.info = {};
|
|
}
|
|
}
|
|
//editor.mode.onmode('');
|
|
if (e.button!=2 && !editor.isMobile){
|
|
editor.hideMidMenu();
|
|
}
|
|
if (clickpath.indexOf('down') !== -1 && editor.isMobile && clickpath.indexOf('midMenu') === -1){
|
|
editor.hideMidMenu();
|
|
}
|
|
if(clickpath.length>=2 && clickpath[0].indexOf('id_')===0){editor.lastClickId=clickpath[0]}
|
|
}
|
|
|
|
var eui=document.getElementById('eui');
|
|
var uc = eui.getContext('2d');
|
|
|
|
function fillPos(pos) {
|
|
uc.fillStyle = '#' + ~~(Math.random() * 8) + ~~(Math.random() * 8) + ~~(Math.random() * 8);
|
|
uc.fillRect(pos.x * 32 + 12 - core.bigmap.offsetX, pos.y * 32 + 12 - core.bigmap.offsetY, 8, 8);
|
|
}//在格子内画一个随机色块
|
|
|
|
function eToLoc(e) {
|
|
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft
|
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
|
|
var xx=e.clientX,yy=e.clientY
|
|
if(editor.isMobile){xx=e.touches[0].clientX,yy=e.touches[0].clientY}
|
|
editor.loc = {
|
|
'x': scrollLeft + xx - mid.offsetLeft - mapEdit.offsetLeft,
|
|
'y': scrollTop + yy - mid.offsetTop - mapEdit.offsetTop,
|
|
'size': editor.isMobile?(32*innerWidth*0.96/core.__PIXELS__):32
|
|
};
|
|
return editor.loc;
|
|
}//返回可用的组件内坐标
|
|
|
|
function locToPos(loc, addViewportOffset) {
|
|
var offsetX=0, offsetY=0;
|
|
if (addViewportOffset){
|
|
offsetX=core.bigmap.offsetX/32;
|
|
offsetY=core.bigmap.offsetY/32;
|
|
}
|
|
editor.pos = {'x': ~~(loc.x / loc.size)+offsetX, 'y': ~~(loc.y / loc.size)+offsetY}
|
|
return editor.pos;
|
|
}
|
|
|
|
var holdingPath = 0;
|
|
var stepPostfix = null;//用于存放寻路检测的第一个点之后的后续移动
|
|
|
|
var mouseOutCheck = 2;
|
|
|
|
function clear1() {
|
|
if (mouseOutCheck > 1) {
|
|
mouseOutCheck--;
|
|
setTimeout(clear1, 1000);
|
|
return;
|
|
}
|
|
holdingPath = 0;
|
|
stepPostfix = [];
|
|
uc.clearRect(0, 0, core.__PIXELS__, core.__PIXELS__);
|
|
}//用于鼠标移出canvas时的自动清除状态
|
|
|
|
eui.oncontextmenu=function(e){e.preventDefault()}
|
|
|
|
eui.ondblclick = function(e) {
|
|
// 双击地图可以选中素材
|
|
var loc = eToLoc(e);
|
|
var pos = locToPos(loc,true);
|
|
editor.setSelectBoxFromInfo(editor[editor.layerMod][pos.y][pos.x]);
|
|
return;
|
|
}
|
|
|
|
eui.onmousedown = function (e) {
|
|
if (e.button==2){
|
|
var loc = eToLoc(e);
|
|
var pos = locToPos(loc,true);
|
|
editor.showMidMenu(e.clientX,e.clientY);
|
|
return;
|
|
}
|
|
if (!selectBox.isSelected()) {
|
|
var loc = eToLoc(e);
|
|
var pos = locToPos(loc,true);
|
|
editor_mode.onmode('nextChange');
|
|
editor_mode.onmode('loc');
|
|
//editor_mode.loc();
|
|
//tip.whichShow(1);
|
|
if(editor.isMobile)editor.showMidMenu(e.clientX,e.clientY);
|
|
return;
|
|
}
|
|
|
|
|
|
holdingPath = 1;
|
|
mouseOutCheck = 2;
|
|
setTimeout(clear1);
|
|
e.stopPropagation();
|
|
uc.clearRect(0, 0, core.__PIXELS__, core.__PIXELS__);
|
|
var loc = eToLoc(e);
|
|
var pos = locToPos(loc,true);
|
|
stepPostfix = [];
|
|
stepPostfix.push(pos);
|
|
fillPos(pos);
|
|
}
|
|
|
|
eui.onmousemove = function (e) {
|
|
if (!selectBox.isSelected()) {
|
|
//tip.whichShow(1);
|
|
return;
|
|
}
|
|
|
|
if (holdingPath == 0) {
|
|
return;
|
|
}
|
|
mouseOutCheck = 2;
|
|
e.stopPropagation();
|
|
var loc = eToLoc(e);
|
|
var pos = locToPos(loc,true);
|
|
var pos0 = stepPostfix[stepPostfix.length - 1]
|
|
var directionDistance = [pos.y - pos0.y, pos0.x - pos.x, pos0.y - pos.y, pos.x - pos0.x]
|
|
var max = 0, index = 4;
|
|
for (var i = 0; i < 4; i++) {
|
|
if (directionDistance[i] > max) {
|
|
index = i;
|
|
max = directionDistance[i];
|
|
}
|
|
}
|
|
var pos = [{'x': 0, 'y': 1}, {'x': -1, 'y': 0}, {'x': 0, 'y': -1}, {'x': 1, 'y': 0}, false][index]
|
|
if (pos) {
|
|
pos.x += pos0.x;
|
|
pos.y += pos0.y;
|
|
stepPostfix.push(pos);
|
|
fillPos(pos);
|
|
}
|
|
}
|
|
|
|
eui.onmouseup = function (e) {
|
|
if (!selectBox.isSelected()) {
|
|
//tip.whichShow(1);
|
|
return;
|
|
}
|
|
holdingPath = 0;
|
|
e.stopPropagation();
|
|
if (stepPostfix && stepPostfix.length) {
|
|
editor.preMapData = JSON.parse(JSON.stringify({map:editor.map,fgmap:editor.fgmap,bgmap:editor.bgmap}));
|
|
if(editor.brushMod!=='line'){
|
|
var x0=stepPostfix[0].x;
|
|
var y0=stepPostfix[0].y;
|
|
var x1=stepPostfix[stepPostfix.length-1].x;
|
|
var y1=stepPostfix[stepPostfix.length-1].y;
|
|
if(x0>x1){x0^=x1;x1^=x0;x0^=x1;}//swap
|
|
if(y0>y1){y0^=y1;y1^=y0;y0^=y1;}//swap
|
|
stepPostfix=[];
|
|
for(var jj=y0;jj<=y1;jj++){
|
|
for(var ii=x0;ii<=x1;ii++){
|
|
stepPostfix.push({x:ii,y:jj})
|
|
}
|
|
}
|
|
}
|
|
currDrawData.pos = JSON.parse(JSON.stringify(stepPostfix));
|
|
currDrawData.info = JSON.parse(JSON.stringify(editor.info));
|
|
reDo = null;
|
|
// console.log(stepPostfix);
|
|
if(editor.brushMod==='tileset' && core.tilesets.indexOf(editor.info.images)!==-1){
|
|
var imgWidth=~~(core.material.images.tilesets[editor.info.images].width/32);
|
|
var x0=stepPostfix[0].x;
|
|
var y0=stepPostfix[0].y;
|
|
var idnum=editor.info.idnum;
|
|
for (var ii = 0; ii < stepPostfix.length; ii++){
|
|
if(stepPostfix[ii].y!=y0){
|
|
y0++;
|
|
idnum+=imgWidth;
|
|
}
|
|
editor[editor.layerMod][stepPostfix[ii].y][stepPostfix[ii].x] = editor.ids[editor.indexs[idnum+stepPostfix[ii].x-x0]];
|
|
}
|
|
} else {
|
|
for (var ii = 0; ii < stepPostfix.length; ii++)
|
|
editor[editor.layerMod][stepPostfix[ii].y][stepPostfix[ii].x] = editor.info;
|
|
}
|
|
// console.log(editor.map);
|
|
editor.updateMap();
|
|
holdingPath = 0;
|
|
stepPostfix = [];
|
|
uc.clearRect(0, 0, core.__PIXELS__, core.__PIXELS__);
|
|
}
|
|
}
|
|
|
|
/*
|
|
document.getElementById('mid').onkeydown = function (e) {
|
|
console.log(e);
|
|
if (e.keyCode==37) {
|
|
editor.moveViewport(-1, 0);
|
|
}
|
|
if (e.keyCode==38) {
|
|
editor.moveViewport(0, -1);
|
|
}
|
|
if (e.keyCode==39) {
|
|
editor.moveViewport(1, 0);
|
|
}
|
|
if (e.keyCode==40) {
|
|
editor.moveViewport(0, 1);
|
|
}
|
|
}
|
|
*/
|
|
|
|
document.getElementById('mid').onmousewheel = function (e) {
|
|
e.preventDefault();
|
|
var wheel = function (direct) {
|
|
var index=editor.core.floorIds.indexOf(editor.currentFloorId);
|
|
var toId = editor.currentFloorId;
|
|
|
|
if (direct>0 && index<editor.core.floorIds.length-1)
|
|
toId = editor.core.floorIds[index+1];
|
|
else if (direct<0 && index>0)
|
|
toId = editor.core.floorIds[index-1];
|
|
else return;
|
|
|
|
editor_mode.onmode('nextChange');
|
|
editor_mode.onmode('floor');
|
|
document.getElementById('selectFloor').value = toId;
|
|
editor.changeFloor(toId);
|
|
}
|
|
|
|
try {
|
|
if (e.wheelDelta)
|
|
wheel(Math.sign(e.wheelDelta))
|
|
else if (e.detail)
|
|
wheel(Math.sign(e.detail));
|
|
}
|
|
catch (ee) {
|
|
console.log(ee);
|
|
}
|
|
}
|
|
|
|
editor.preMapData = null;
|
|
var currDrawData = {
|
|
pos: [],
|
|
info: {}
|
|
};
|
|
var reDo = null;
|
|
var shortcut = core.getLocalStorage('shortcut',{48: 0, 49: 0, 50: 0, 51: 0, 52: 0, 53: 0, 54: 0, 55: 0, 56: 0, 57: 0});
|
|
document.body.onkeydown = function (e) {
|
|
|
|
// 监听Ctrl+S保存
|
|
if (e.ctrlKey && e.keyCode == 83) {
|
|
e.preventDefault();
|
|
if (editor_multi.id != "") {
|
|
editor_multi.confirm(); // 保存脚本编辑器
|
|
}
|
|
else if (editor_blockly.id != "") {
|
|
editor_blockly.confirm(); // 保存事件编辑器
|
|
}
|
|
else {
|
|
editor_mode.saveFloor();
|
|
}
|
|
return;
|
|
}
|
|
|
|
// 如果是开启事件/脚本编辑器状态，则忽略
|
|
if (editor_multi.id!="" || editor_blockly.id!="")
|
|
return;
|
|
|
|
// 禁止快捷键的默认行为
|
|
if (e.ctrlKey && [89, 90, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57].indexOf(e.keyCode) !== -1)
|
|
e.preventDefault();
|
|
if (e.altKey && [48, 49, 50, 51, 52, 53, 54, 55, 56, 57].indexOf(e.keyCode) !== -1)
|
|
e.preventDefault();
|
|
//Ctrl+z 撤销上一步undo
|
|
if (e.keyCode == 90 && e.ctrlKey && editor.preMapData && currDrawData.pos.length && selectBox.isSelected()) {
|
|
editor.map = JSON.parse(JSON.stringify(editor.preMapData.map));
|
|
editor.fgmap = JSON.parse(JSON.stringify(editor.preMapData.fgmap));
|
|
editor.bgmap = JSON.parse(JSON.stringify(editor.preMapData.bgmap));
|
|
editor.updateMap();
|
|
reDo = JSON.parse(JSON.stringify(currDrawData));
|
|
currDrawData = {pos: [], info: {}};
|
|
editor.preMapData = null;
|
|
}
|
|
//Ctrl+y 重做一步redo
|
|
if (e.keyCode == 89 && e.ctrlKey && reDo && reDo.pos.length && selectBox.isSelected()) {
|
|
editor.preMapData = JSON.parse(JSON.stringify({map:editor.map,fgmap:editor.fgmap,bgmap:editor.bgmap}));
|
|
for (var j = 0; j < reDo.pos.length; j++)
|
|
editor.map[reDo.pos[j].y][reDo.pos[j].x] = JSON.parse(JSON.stringify(reDo.info));
|
|
|
|
editor.updateMap();
|
|
currDrawData = JSON.parse(JSON.stringify(reDo));
|
|
reDo = null;
|
|
}
|
|
|
|
// PGUP和PGDOWN切换楼层
|
|
if (e.keyCode==33) {
|
|
e.preventDefault();
|
|
var index=editor.core.floorIds.indexOf(editor.currentFloorId);
|
|
if (index<editor.core.floorIds.length-1) {
|
|
var toId = editor.core.floorIds[index+1];
|
|
editor_mode.onmode('nextChange');
|
|
editor_mode.onmode('floor');
|
|
document.getElementById('selectFloor').value = toId;
|
|
editor.changeFloor(toId);
|
|
}
|
|
}
|
|
if (e.keyCode==34) {
|
|
e.preventDefault();
|
|
var index=editor.core.floorIds.indexOf(editor.currentFloorId);
|
|
if (index>0) {
|
|
var toId = editor.core.floorIds[index-1];
|
|
editor_mode.onmode('nextChange');
|
|
editor_mode.onmode('floor');
|
|
document.getElementById('selectFloor').value = toId;
|
|
editor.changeFloor(toId);
|
|
}
|
|
}
|
|
//ctrl + 0~9 切换到快捷图块
|
|
if (e.ctrlKey && [48, 49, 50, 51, 52, 53, 54, 55, 56, 57].indexOf(e.keyCode) !== -1){
|
|
editor.setSelectBoxFromInfo(JSON.parse(JSON.stringify(shortcut[e.keyCode]||0)));
|
|
}
|
|
//alt + 0~9 改变快捷图块
|
|
if (e.altKey && [48, 49, 50, 51, 52, 53, 54, 55, 56, 57].indexOf(e.keyCode) !== -1){
|
|
var infoToSave = JSON.stringify(editor.info||0);
|
|
if(infoToSave==JSON.stringify({}))return;
|
|
shortcut[e.keyCode]=JSON.parse(infoToSave);
|
|
printf('已保存该快捷图块, ctrl + '+(e.keyCode-48)+' 使用.')
|
|
core.setLocalStorage('shortcut',shortcut);
|
|
}
|
|
var focusElement = document.activeElement;
|
|
if (!focusElement || focusElement.tagName.toLowerCase()=='body') {
|
|
// wasd平移大地图
|
|
if (e.keyCode==87)
|
|
editor.moveViewport(0,-1)
|
|
else if (e.keyCode==65)
|
|
editor.moveViewport(-1,0)
|
|
else if (e.keyCode==83)
|
|
editor.moveViewport(0,1);
|
|
else if (e.keyCode==68)
|
|
editor.moveViewport(1,0);
|
|
}
|
|
}
|
|
|
|
var getScrollBarHeight = function () {
|
|
var outer = document.createElement("div");
|
|
outer.style.visibility = "hidden";
|
|
outer.style.width = "100px";
|
|
outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps
|
|
|
|
document.body.appendChild(outer);
|
|
|
|
var widthNoScroll = outer.offsetWidth;
|
|
// force scrollbars
|
|
outer.style.overflow = "scroll";
|
|
|
|
// add innerdiv
|
|
var inner = document.createElement("div");
|
|
inner.style.width = "100%";
|
|
outer.appendChild(inner);
|
|
|
|
var widthWithScroll = inner.offsetWidth;
|
|
|
|
// remove divs
|
|
outer.parentNode.removeChild(outer);
|
|
|
|
return widthNoScroll - widthWithScroll;
|
|
}
|
|
var scrollBarHeight = getScrollBarHeight();
|
|
|
|
var dataSelection = document.getElementById('dataSelection');
|
|
var iconLib=document.getElementById('iconLib');
|
|
iconLib.onmousedown = function (e) {
|
|
e.stopPropagation();
|
|
if (!editor.isMobile && e.clientY>=((core.__SIZE__==13?630:655) - scrollBarHeight)) return;
|
|
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
var loc = {
|
|
'x': scrollLeft + e.clientX + iconLib.scrollLeft - right.offsetLeft - iconLib.offsetLeft,
|
|
'y': scrollTop + e.clientY + iconLib.scrollTop - right.offsetTop - iconLib.offsetTop,
|
|
'size': 32
|
|
};
|
|
editor.loc = loc;
|
|
var pos = locToPos(loc);
|
|
for (var spriter in editor.widthsX) {
|
|
if (pos.x >= editor.widthsX[spriter][1] && pos.x < editor.widthsX[spriter][2]) {
|
|
var ysize = spriter.indexOf('48') === -1 ? 32 : 48;
|
|
loc.ysize = ysize;
|
|
pos.images = editor.widthsX[spriter][0];
|
|
pos.y = ~~(loc.y / loc.ysize);
|
|
if(core.tilesets.indexOf(pos.images)==-1)pos.x = editor.widthsX[spriter][1];
|
|
var autotiles = core.material.images['autotile'];
|
|
if (pos.images == 'autotile') {
|
|
var imNames = Object.keys(autotiles);
|
|
if ((pos.y + 1) * ysize > editor.widthsX[spriter][3])
|
|
pos.y = ~~(editor.widthsX[spriter][3] / ysize) - 4;
|
|
else {
|
|
for (var i = 0; i < imNames.length; i++) {
|
|
if (pos.y >= 4 * i && pos.y < 4 * (i + 1)) {
|
|
pos.images = imNames[i];
|
|
pos.y = 4 * i;
|
|
}
|
|
}
|
|
}
|
|
} else if ((pos.y + 1) * ysize > editor.widthsX[spriter][3])
|
|
pos.y = ~~(editor.widthsX[spriter][3] / ysize) - 1;
|
|
|
|
selectBox.isSelected(true);
|
|
// console.log(pos,core.material.images[pos.images].height)
|
|
dataSelection.style.left = pos.x * 32 + 'px';
|
|
dataSelection.style.top = pos.y * ysize + 'px';
|
|
dataSelection.style.height = ysize - 6 + 'px';
|
|
|
|
if (pos.x == 0 && pos.y == 0) {
|
|
// editor.info={idnum:0, id:'empty','images':'清除块', 'y':0};
|
|
editor.info = 0;
|
|
} else if(pos.x == 0 && pos.y == 1){
|
|
editor.info = editor.ids[editor.indexs[17]];
|
|
} else {
|
|
if (Object.prototype.hasOwnProperty.call(autotiles, pos.images)) editor.info = {'images': pos.images, 'y': 0};
|
|
else if (pos.images == 'terrains') editor.info = {'images': pos.images, 'y': pos.y - 2};
|
|
else if (core.tilesets.indexOf(pos.images)!=-1) editor.info = {'images': pos.images, 'y': pos.y, 'x': pos.x-editor.widthsX[spriter][1]};
|
|
else editor.info = {'images': pos.images, 'y': pos.y};
|
|
|
|
for (var ii = 0; ii < editor.ids.length; ii++) {
|
|
if ((core.tilesets.indexOf(pos.images)!=-1 && editor.info.images == editor.ids[ii].images
|
|
&& editor.info.y == editor.ids[ii].y && editor.info.x == editor.ids[ii].x)
|
|
|| (Object.prototype.hasOwnProperty.call(autotiles, pos.images) && editor.info.images == editor.ids[ii].id
|
|
&& editor.info.y == editor.ids[ii].y)
|
|
|| (core.tilesets.indexOf(pos.images)==-1 && editor.info.images == editor.ids[ii].images
|
|
&& editor.info.y == editor.ids[ii].y )
|
|
) {
|
|
|
|
editor.info = editor.ids[ii];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
tip.infos(JSON.parse(JSON.stringify(editor.info)));
|
|
editor_mode.onmode('nextChange');
|
|
editor_mode.onmode('enemyitem');
|
|
//editor_mode.enemyitem();
|
|
}
|
|
}
|
|
}
|
|
|
|
var midMenu=document.getElementById('midMenu');
|
|
midMenu.oncontextmenu=function(e){e.preventDefault()}
|
|
editor.lastRightButtonPos=[{x:0,y:0},{x:0,y:0}];
|
|
editor.showMidMenu=function(x,y){
|
|
editor.lastRightButtonPos=JSON.parse(JSON.stringify(
|
|
[editor.pos,editor.lastRightButtonPos[0]]
|
|
));
|
|
var locStr='('+editor.lastRightButtonPos[1].x+','+editor.lastRightButtonPos[1].y+')';
|
|
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
|
|
// 检测是否是上下楼
|
|
var thisevent = editor.map[editor.pos.y][editor.pos.x];
|
|
if (thisevent.id=='upFloor') {
|
|
addFloorEvent.style.display='block';
|
|
addFloorEvent.children[0].innerHTML='绑定上楼事件';
|
|
}
|
|
else if (thisevent.id=='downFloor') {
|
|
addFloorEvent.style.display='block';
|
|
addFloorEvent.children[0].innerHTML='绑定下楼事件';
|
|
}
|
|
else if (['leftPortal','rightPortal','downPortal','upPortal'].indexOf(thisevent.id)>=0) {
|
|
addFloorEvent.style.display='block';
|
|
addFloorEvent.children[0].innerHTML='绑定楼传事件';
|
|
}
|
|
else addFloorEvent.style.display='none';
|
|
|
|
chooseThis.children[0].innerHTML='选中此点'+'('+editor.pos.x+','+editor.pos.y+')'
|
|
copyLoc.children[0].innerHTML='复制事件'+locStr+'到此处';
|
|
moveLoc.children[0].innerHTML='交换事件'+locStr+'与此事件的位置';
|
|
midMenu.style='top:'+(y+scrollTop)+'px;left:'+(x+scrollLeft)+'px;';
|
|
}
|
|
editor.hideMidMenu=function(){
|
|
if(editor.isMobile){
|
|
setTimeout(function(){
|
|
midMenu.style='display:none';
|
|
},200)
|
|
} else {
|
|
midMenu.style='display:none';
|
|
}
|
|
}
|
|
|
|
var addFloorEvent = document.getElementById('addFloorEvent');
|
|
addFloorEvent.onmousedown = function(e) {
|
|
editor.hideMidMenu();
|
|
e.stopPropagation();
|
|
var thisevent = editor.map[editor.pos.y][editor.pos.x];
|
|
var loc = editor.pos.x+","+editor.pos.y;
|
|
if (thisevent.id=='upFloor') {
|
|
editor.currentFloorData.changeFloor[loc] = {"floorId": ":next", "stair": "downFloor"};
|
|
}
|
|
else if (thisevent.id=='downFloor') {
|
|
editor.currentFloorData.changeFloor[loc] = {"floorId": ":before", "stair": "upFloor"};
|
|
}
|
|
else if (thisevent.id=='leftPortal' || thisevent.id=='rightPortal') {
|
|
editor.currentFloorData.changeFloor[loc] = {"floorId": ":next", "stair": ":symmetry_x"}
|
|
}
|
|
else if (thisevent.id=='upPortal' || thisevent.id=='downPortal') {
|
|
editor.currentFloorData.changeFloor[loc] = {"floorId": ":next", "stair": ":symmetry_y"}
|
|
}
|
|
editor.file.saveFloorFile(function (err) {
|
|
if (err) {
|
|
printe(err);
|
|
throw(err)
|
|
}
|
|
editor.drawPosSelection();
|
|
editor_mode.showMode('loc');
|
|
printf('添加楼梯事件成功');
|
|
});
|
|
}
|
|
|
|
var chooseThis = document.getElementById('chooseThis');
|
|
chooseThis.onmousedown = function(e){
|
|
editor.hideMidMenu();
|
|
e.stopPropagation();
|
|
selectBox.isSelected(false);
|
|
|
|
editor_mode.onmode('nextChange');
|
|
editor_mode.onmode('loc');
|
|
//editor_mode.loc();
|
|
//tip.whichShow(1);
|
|
if(editor.isMobile)editor.showdataarea(false);
|
|
}
|
|
|
|
var chooseInRight = document.getElementById('chooseInRight');
|
|
chooseInRight.onmousedown = function(e){
|
|
editor.hideMidMenu();
|
|
e.stopPropagation();
|
|
var thisevent = editor[editor.layerMod][editor.pos.y][editor.pos.x];
|
|
editor.setSelectBoxFromInfo(thisevent);
|
|
}
|
|
|
|
var fields = Object.keys(editor.file.comment._data.floors._data.loc._data);
|
|
|
|
var copyLoc = document.getElementById('copyLoc');
|
|
copyLoc.onmousedown = function(e){
|
|
editor.hideMidMenu();
|
|
e.stopPropagation();
|
|
editor.preMapData = null;
|
|
reDo = null;
|
|
editor_mode.onmode('');
|
|
var now = editor.pos;
|
|
var last = editor.lastRightButtonPos[1];
|
|
var lastevent = editor.map[last.y][last.x];
|
|
var lastinfo = 0;
|
|
if(lastevent==0){
|
|
lastinfo = 0;
|
|
} else {
|
|
var ids=editor.indexs[lastevent.idnum];
|
|
ids=ids[0]?ids[0]:ids;
|
|
lastinfo=editor.ids[ids];
|
|
}
|
|
editor.map[now.y][now.x]=lastinfo;
|
|
editor.updateMap();
|
|
fields.forEach(function(v){
|
|
editor.currentFloorData[v][now.x+','+now.y]=editor.currentFloorData[v][last.x+','+last.y]
|
|
})
|
|
editor.file.saveFloorFile(function (err) {
|
|
if (err) {
|
|
printe(err);
|
|
throw(err)
|
|
}
|
|
;printf('复制事件成功');
|
|
editor.drawPosSelection();
|
|
});
|
|
}
|
|
|
|
var moveLoc = document.getElementById('moveLoc');
|
|
moveLoc.onmousedown = function(e){
|
|
editor.hideMidMenu();
|
|
e.stopPropagation();
|
|
editor.preMapData = null;
|
|
reDo = null;
|
|
var thisevent = editor.map[editor.pos.y][editor.pos.x];
|
|
if(thisevent==0){
|
|
editor.info = 0;
|
|
} else {
|
|
var ids=editor.indexs[thisevent.idnum];
|
|
ids=ids[0]?ids[0]:ids;
|
|
editor.info=editor.ids[ids];
|
|
}
|
|
editor_mode.onmode('');
|
|
var now = editor.pos;
|
|
var last = editor.lastRightButtonPos[1];
|
|
|
|
var lastevent = editor.map[last.y][last.x];
|
|
var lastinfo = 0;
|
|
if(lastevent==0){
|
|
lastinfo = 0;
|
|
} else {
|
|
var ids=editor.indexs[lastevent.idnum];
|
|
ids=ids[0]?ids[0]:ids;
|
|
lastinfo=editor.ids[ids];
|
|
}
|
|
editor.map[last.y][last.x]=editor.info;
|
|
editor.map[now.y][now.x]=lastinfo;
|
|
editor.updateMap();
|
|
|
|
fields.forEach(function(v){
|
|
var temp_atsfcytaf=editor.currentFloorData[v][now.x+','+now.y];
|
|
editor.currentFloorData[v][now.x+','+now.y]=editor.currentFloorData[v][last.x+','+last.y];
|
|
editor.currentFloorData[v][last.x+','+last.y]=temp_atsfcytaf;
|
|
})
|
|
editor.file.saveFloorFile(function (err) {
|
|
if (err) {
|
|
printe(err);
|
|
throw(err)
|
|
}
|
|
;printf('两位置的事件已互换');
|
|
editor.drawPosSelection();
|
|
});
|
|
}
|
|
|
|
var _clearPoint = function (clearPoint) {
|
|
editor.hideMidMenu();
|
|
editor.preMapData = null;
|
|
reDo = null;
|
|
editor.info = 0;
|
|
editor_mode.onmode('');
|
|
var now = editor.pos;
|
|
if (clearPoint)
|
|
editor.map[now.y][now.x]=editor.info;
|
|
editor.updateMap();
|
|
fields.forEach(function(v){
|
|
delete editor.currentFloorData[v][now.x+','+now.y];
|
|
})
|
|
editor.file.saveFloorFile(function (err) {
|
|
if (err) {
|
|
printe(err);
|
|
throw(err)
|
|
}
|
|
;printf(clearPoint?'清空该点和事件成功':'只清空该点事件成功');
|
|
editor.drawPosSelection();
|
|
});
|
|
}
|
|
|
|
var clearEvent = document.getElementById('clearEvent');
|
|
clearEvent.onmousedown = function (e) {
|
|
e.stopPropagation();
|
|
_clearPoint(false);
|
|
}
|
|
|
|
var clearLoc = document.getElementById('clearLoc');
|
|
clearLoc.onmousedown = function(e){
|
|
e.stopPropagation();
|
|
_clearPoint(true);
|
|
}
|
|
|
|
var brushMod=document.getElementById('brushMod');
|
|
brushMod.onchange=function(){
|
|
editor.brushMod=brushMod.value;
|
|
}
|
|
|
|
var brushMod2=document.getElementById('brushMod2');
|
|
if(brushMod2)brushMod2.onchange=function(){
|
|
editor.brushMod=brushMod2.value;
|
|
}
|
|
|
|
var brushMod3=document.getElementById('brushMod3');
|
|
if(brushMod3)brushMod3.onchange=function(){
|
|
editor.brushMod=brushMod3.value;
|
|
}
|
|
|
|
var bgc = document.getElementById('bg'), fgc = document.getElementById('fg'),
|
|
evc = document.getElementById('event'), ev2c = document.getElementById('event2');
|
|
|
|
var layerMod=document.getElementById('layerMod');
|
|
layerMod.onchange=function(){
|
|
editor.layerMod=layerMod.value;
|
|
[bgc,fgc,evc,ev2c].forEach(function (x) {
|
|
x.style.opacity = 1;
|
|
});
|
|
|
|
// 手机端....
|
|
if (editor.isMobile) {
|
|
if (layerMod.value == 'bgmap') {
|
|
[fgc,evc,ev2c].forEach(function (x) {
|
|
x.style.opacity = 0.3;
|
|
});
|
|
}
|
|
if (layerMod.value == 'fgmap') {
|
|
[bgc,evc,ev2c].forEach(function (x) {
|
|
x.style.opacity = 0.3;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
var layerMod2=document.getElementById('layerMod2');
|
|
if(layerMod2)layerMod2.onchange=function(){
|
|
editor.layerMod=layerMod2.value;
|
|
[fgc,evc,ev2c].forEach(function (x) {
|
|
x.style.opacity = 0.3;
|
|
});
|
|
bgc.style.opacity = 1;
|
|
}
|
|
|
|
var layerMod3=document.getElementById('layerMod3');
|
|
if(layerMod3)layerMod3.onchange=function(){
|
|
editor.layerMod=layerMod3.value;
|
|
[bgc,evc,ev2c].forEach(function (x) {
|
|
x.style.opacity = 0.3;
|
|
});
|
|
fgc.style.opacity = 1;
|
|
}
|
|
|
|
var viewportButtons=document.getElementById('viewportButtons');
|
|
for(var ii=0,node;node=viewportButtons.children[ii];ii++){
|
|
(function(x,y){
|
|
node.onclick=function(){
|
|
editor.moveViewport(x,y);
|
|
}
|
|
})([-1,0,0,1][ii],[0,-1,1,0][ii]);
|
|
}
|
|
}
|
|
|
|
editor.constructor.prototype.mobile_listen=function () {
|
|
if(!editor.isMobile)return;
|
|
|
|
var mobileview=document.getElementById('mobileview');
|
|
var editModeSelect=document.getElementById('editModeSelect');
|
|
var mid=document.getElementById('mid');
|
|
var right=document.getElementById('right');
|
|
var mobileeditdata=document.getElementById('mobileeditdata');
|
|
|
|
|
|
editor.showdataarea=function(callShowMode){
|
|
mid.style='z-index:-1;opacity: 0;';
|
|
right.style='z-index:-1;opacity: 0;';
|
|
mobileeditdata.style='';
|
|
if(callShowMode)editor.mode.showMode(editModeSelect.value);
|
|
editor.hideMidMenu();
|
|
}
|
|
mobileview.children[0].onclick=function(){
|
|
editor.showdataarea(true)
|
|
}
|
|
mobileview.children[1].onclick=function(){
|
|
mid.style='';
|
|
right.style='z-index:-1;opacity: 0;';
|
|
mobileeditdata.style='z-index:-1;opacity: 0;';
|
|
editor.lastClickId='';
|
|
}
|
|
mobileview.children[3].onclick=function(){
|
|
mid.style='z-index:-1;opacity: 0;';
|
|
right.style='';
|
|
mobileeditdata.style='z-index:-1;opacity: 0;';
|
|
editor.lastClickId='';
|
|
}
|
|
|
|
|
|
var gettrbyid=function(){
|
|
if(!editor.lastClickId)return false;
|
|
thisTr = document.getElementById(editor.lastClickId);
|
|
input = thisTr.children[2].children[0].children[0];
|
|
field = thisTr.children[0].getAttribute('title');
|
|
cobj = JSON.parse(thisTr.children[1].getAttribute('cobj'));
|
|
return [thisTr,input,field,cobj];
|
|
}
|
|
mobileeditdata.children[0].onclick=function(){
|
|
var info = gettrbyid()
|
|
if(!info)return;
|
|
info[1].ondblclick()
|
|
}
|
|
mobileeditdata.children[1].onclick=function(){
|
|
var info = gettrbyid()
|
|
if(!info)return;
|
|
printf(info[2])
|
|
}
|
|
mobileeditdata.children[2].onclick=function(){
|
|
var info = gettrbyid()
|
|
if(!info)return;
|
|
printf(info[0].children[1].getAttribute('title'))
|
|
}
|
|
|
|
//=====
|
|
|
|
document.body.ontouchstart=document.body.onmousedown;
|
|
document.body.onmousedown=null;
|
|
|
|
|
|
var eui=document.getElementById('eui');
|
|
eui.ontouchstart=eui.onmousedown
|
|
eui.onmousedown=null
|
|
eui.ontouchmove=eui.onmousemove
|
|
eui.onmousemove=null
|
|
eui.ontouchend=eui.onmouseup
|
|
eui.onmouseup=null
|
|
|
|
|
|
var chooseThis = document.getElementById('chooseThis');
|
|
chooseThis.ontouchstart=chooseThis.onmousedown
|
|
chooseThis.onmousedown=null
|
|
var chooseInRight = document.getElementById('chooseInRight');
|
|
chooseInRight.ontouchstart=chooseInRight.onmousedown
|
|
chooseInRight.onmousedown=null
|
|
var copyLoc = document.getElementById('copyLoc');
|
|
copyLoc.ontouchstart=copyLoc.onmousedown
|
|
copyLoc.onmousedown=null
|
|
var moveLoc = document.getElementById('moveLoc');
|
|
moveLoc.ontouchstart=moveLoc.onmousedown
|
|
moveLoc.onmousedown=null
|
|
var clearLoc = document.getElementById('clearLoc');
|
|
clearLoc.ontouchstart=clearLoc.onmousedown
|
|
clearLoc.onmousedown=null
|
|
}
|
|
|
|
} |