1229 lines
54 KiB
JavaScript
1229 lines
54 KiB
JavaScript
|
editor_datapanel_wrapper = function (editor) {
|
|||
|
|
|
|||
|
|
// 此文件内的内容仅做了分类, 未仔细整理函数
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 地图编辑 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
var pout = document.getElementById('pout');
|
|||
|
|
var exportMap = document.getElementById('exportMap');
|
|||
|
|
var importMap = document.getElementById('importMap');
|
|||
|
|
var clearMapButton=document.getElementById('clearMapButton')
|
|||
|
|
var deleteMap=document.getElementById('deleteMap')
|
|||
|
|
|
|||
|
|
var formatArr= function () {
|
|||
|
|
var formatArrStr = '';
|
|||
|
|
|
|||
|
|
var si=editor.map.length,sk=editor.map[0].length;
|
|||
|
|
if (pout.value.split(/\D+/).join(' ').trim().split(' ').length != si*sk) return false;
|
|||
|
|
var arr = pout.value.replace(/\s+/g, '').split('],[');
|
|||
|
|
|
|||
|
|
if (arr.length != si) return;
|
|||
|
|
for (var i = 0; i < si; i++) {
|
|||
|
|
var a = [];
|
|||
|
|
formatArrStr += '[';
|
|||
|
|
if (i == 0 || i == si-1) a = arr[i].split(/\D+/).join(' ').trim().split(' ');
|
|||
|
|
else a = arr[i].split(/\D+/);
|
|||
|
|
if (a.length != sk) {
|
|||
|
|
formatArrStr = '';
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (var k = 0; k < sk; k++) {
|
|||
|
|
var num = parseInt(a[k]);
|
|||
|
|
formatArrStr += Array(Math.max(4 - String(num).length, 0)).join(' ') + num + (k == sk-1 ? '' : ',');
|
|||
|
|
}
|
|||
|
|
formatArrStr += ']' + (i == si-1 ? '' : ',\n');
|
|||
|
|
}
|
|||
|
|
return formatArrStr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
exportMap.onclick=function(){
|
|||
|
|
editor.updateMap();
|
|||
|
|
var sx=editor.map.length-1,sy=editor.map[0].length-1;
|
|||
|
|
|
|||
|
|
var filestr = '';
|
|||
|
|
for (var yy = 0; yy <= sy; yy++) {
|
|||
|
|
filestr += '['
|
|||
|
|
for (var xx = 0; xx <= sx; xx++) {
|
|||
|
|
var mapxy = editor.map[yy][xx];
|
|||
|
|
if (typeof(mapxy) == typeof({})) {
|
|||
|
|
if ('idnum' in mapxy) mapxy = mapxy.idnum;
|
|||
|
|
else {
|
|||
|
|
printe("生成失败! 地图中有未定义的图块，建议先用其他有效图块覆盖或点击清除地图！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
} else if (typeof(mapxy) == 'undefined') {
|
|||
|
|
printe("生成失败! 地图中有未定义的图块，建议先用其他有效图块覆盖或点击清除地图！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
mapxy = String(mapxy);
|
|||
|
|
mapxy = Array(Math.max(4 - mapxy.length, 0)).join(' ') + mapxy;
|
|||
|
|
filestr += mapxy + (xx == sx ? '' : ',')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
filestr += ']' + (yy == sy ? '' : ',\n');
|
|||
|
|
}
|
|||
|
|
pout.value = filestr;
|
|||
|
|
if (formatArr()) {
|
|||
|
|
pout.focus();
|
|||
|
|
pout.setSelectionRange(0, pout.value.length);
|
|||
|
|
document.execCommand("Copy");
|
|||
|
|
printf("导出并复制成功！");
|
|||
|
|
} else {
|
|||
|
|
printe("无法导出并复制此地图，可能有不合法块。")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
importMap.onclick= function () {
|
|||
|
|
var sy=editor.map.length,sx=editor.map[0].length;
|
|||
|
|
var mapArray = null;
|
|||
|
|
var value = pout.value.trim();
|
|||
|
|
// 去除可能末尾的 ','
|
|||
|
|
if (value.endsWith(',')) value = value.substring(0, value.length - 1);
|
|||
|
|
try { mapArray = JSON.parse(value); } catch (e) {console.log(e)}
|
|||
|
|
try { mapArray = mapArray || JSON.parse('[' + value + ']'); } catch (e) {console.log(e)}
|
|||
|
|
if (mapArray == null || mapArray.length != sy || mapArray[0].length != sx) {
|
|||
|
|
printe('格式错误！请使用正确格式(请使用地图生成器进行生成，且需要和本地图宽高完全一致)');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var hasError = false;
|
|||
|
|
for (var y = 0; y < sy; y++)
|
|||
|
|
for (var x = 0; x < sx; x++) {
|
|||
|
|
var num = mapArray[y][x];
|
|||
|
|
if (num == 0)
|
|||
|
|
editor.map[y][x] = 0;
|
|||
|
|
else if (editor.indexs[num]==null || editor.indexs[num][0]==null) {
|
|||
|
|
printe('当前有未定义ID（在地图区域显示红块），请用有效的图块进行覆盖！')
|
|||
|
|
hasError = true;
|
|||
|
|
editor.map[y][x] = {};
|
|||
|
|
} else editor.map[y][x] = editor.ids[[editor.indexs[num][0]]];
|
|||
|
|
}
|
|||
|
|
editor.updateMap();
|
|||
|
|
if (!hasError) printf('地图导入成功！');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
clearMapButton.onclick=function () {
|
|||
|
|
if (!confirm('你确定要清除地图上所有内容么？此过程不可逆！')) return;
|
|||
|
|
editor.mapInit();
|
|||
|
|
editor_mode.onmode('');
|
|||
|
|
editor.file.saveFloorFile(function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw(err)
|
|||
|
|
}
|
|||
|
|
;printf('地图清除成功');
|
|||
|
|
});
|
|||
|
|
editor.updateMap();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
deleteMap.onclick=function () {
|
|||
|
|
if (!confirm('你确定要删除此地图么？此过程不可逆！')) return;
|
|||
|
|
editor_mode.onmode('');
|
|||
|
|
var index = core.floorIds.indexOf(editor.currentFloorId);
|
|||
|
|
if (index>=0) {
|
|||
|
|
core.floorIds.splice(index,1);
|
|||
|
|
editor.file.editTower([['change', "['main']['floorIds']", core.floorIds]], function (objs_) {//console.log(objs_);
|
|||
|
|
if (objs_.slice(-1)[0] != null) {
|
|||
|
|
printe(objs_.slice(-1)[0]);
|
|||
|
|
throw(objs_.slice(-1)[0])
|
|||
|
|
}
|
|||
|
|
;printe('删除成功,请F5刷新编辑器生效');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else printe('删除成功,请F5刷新编辑器生效');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.uifunctions.newMap_func = function () {
|
|||
|
|
|
|||
|
|
var newMap = document.getElementById('newMap');
|
|||
|
|
var newFileName = document.getElementById('newFileName');
|
|||
|
|
newMap.onclick = function () {
|
|||
|
|
if (!newFileName.value) return;
|
|||
|
|
var findFunc = function (id) {
|
|||
|
|
var re = new RegExp(newFileName.value, 'i');
|
|||
|
|
return re.test(id);
|
|||
|
|
}
|
|||
|
|
if (core.floorIds.find(findFunc) != null) {
|
|||
|
|
printe("同名楼层已存在！(不区分大小写)");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(newFileName.value)) {
|
|||
|
|
printe("楼层名不合法！请使用字母、数字、下划线，且不能以数字开头！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var width = parseInt(document.getElementById('newMapWidth').value);
|
|||
|
|
var height = parseInt(document.getElementById('newMapHeight').value);
|
|||
|
|
if (!core.isset(width) || !core.isset(height) || width > 128 || height > 128) {
|
|||
|
|
printe("新建地图的宽高都不得大于128");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor_mode.onmode('');
|
|||
|
|
editor.file.saveNewFile(newFileName.value, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err)
|
|||
|
|
}
|
|||
|
|
core.floorIds.push(newFileName.value);
|
|||
|
|
editor.file.editTower([['change', "['main']['floorIds']", core.floorIds]], function (objs_) {//console.log(objs_);
|
|||
|
|
if (objs_.slice(-1)[0] != null) {
|
|||
|
|
printe(objs_.slice(-1)[0]);
|
|||
|
|
throw (objs_.slice(-1)[0])
|
|||
|
|
}
|
|||
|
|
; printe('新建成功,请F5刷新编辑器生效');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
editor.uifunctions.createNewMaps_func = function () {
|
|||
|
|
|
|||
|
|
document.getElementById('newMapWidth').value = core.__SIZE__;
|
|||
|
|
document.getElementById('newMapHeight').value = core.__SIZE__;
|
|||
|
|
document.getElementById('newMapsWidth').value = core.__SIZE__;
|
|||
|
|
document.getElementById('newMapsHeight').value = core.__SIZE__;
|
|||
|
|
|
|||
|
|
var newMaps = document.getElementById('newMaps');
|
|||
|
|
var newFloors = document.getElementById('newFloors');
|
|||
|
|
newMaps.onclick = function () {
|
|||
|
|
if (newFloors.style.display == 'none') newFloors.style.display = 'block';
|
|||
|
|
else newFloors.style.display = 'none';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var createNewMaps = document.getElementById('createNewMaps');
|
|||
|
|
createNewMaps.onclick = function () {
|
|||
|
|
var floorIds = document.getElementById('newFloorIds').value;
|
|||
|
|
if (!floorIds) return;
|
|||
|
|
var from = parseInt(document.getElementById('newMapsFrom').value),
|
|||
|
|
to = parseInt(document.getElementById('newMapsTo').value);
|
|||
|
|
if (!core.isset(from) || !core.isset(to) || from > to) {
|
|||
|
|
printe("请输入有效的起始和终止楼层");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (to - from >= 100) {
|
|||
|
|
printe("一次最多创建99个楼层");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var floorIdList = [];
|
|||
|
|
for (var i = from; i <= to; i++) {
|
|||
|
|
var floorId = floorIds.replace(/\${(.*?)}/g, function (word, value) {
|
|||
|
|
return eval(value);
|
|||
|
|
});
|
|||
|
|
var findFunc = function (id) {
|
|||
|
|
var re = new RegExp(floorId, 'i');
|
|||
|
|
return re.test(id);
|
|||
|
|
}
|
|||
|
|
if (core.floorIds.find(findFunc) != null) {
|
|||
|
|
printe("同名楼层已存在！(不区分大小写)");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(floorId)) {
|
|||
|
|
printe("楼层名 " + floorId + " 不合法！请使用字母、数字、下划线，且不能以数字开头！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (floorIdList.indexOf(floorId) >= 0) {
|
|||
|
|
printe("尝试重复创建楼层 " + floorId + " ！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
floorIdList.push(floorId);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var width = parseInt(document.getElementById('newMapsWidth').value);
|
|||
|
|
var height = parseInt(document.getElementById('newMapsHeight').value);
|
|||
|
|
if (!core.isset(width) || !core.isset(height) || width > 128 || height > 128) {
|
|||
|
|
printe("新建地图的宽高都不得大于128");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
editor_mode.onmode('');
|
|||
|
|
|
|||
|
|
editor.file.saveNewFiles(floorIdList, from, to, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err)
|
|||
|
|
}
|
|||
|
|
core.floorIds = core.floorIds.concat(floorIdList);
|
|||
|
|
editor.file.editTower([['change', "['main']['floorIds']", core.floorIds]], function (objs_) {//console.log(objs_);
|
|||
|
|
if (objs_.slice(-1)[0] != null) {
|
|||
|
|
printe(objs_.slice(-1)[0]);
|
|||
|
|
throw (objs_.slice(-1)[0])
|
|||
|
|
}
|
|||
|
|
; printe('批量创建 ' + floorIdList[0] + '~' + floorIdList[floorIdList.length - 1] + ' 成功,请F5刷新编辑器生效');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 地图选点 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 添加自动事件页，无需双击
|
|||
|
|
editor.uifunctions.addAutoEvent = function () {
|
|||
|
|
if (editor_mode.mode != 'loc') return false;
|
|||
|
|
var newid = '2';
|
|||
|
|
var ae = editor.currentFloorData.autoEvent[editor_mode.pos.x + ',' + editor_mode.pos.y];
|
|||
|
|
if (ae != null) {
|
|||
|
|
var testid;
|
|||
|
|
for (testid = 2; Object.hasOwnProperty.call(ae, testid); testid++);
|
|||
|
|
newid = testid + '';
|
|||
|
|
}
|
|||
|
|
editor_mode.addAction(['add', "['autoEvent']['" + newid + "']", null]);
|
|||
|
|
editor_mode.onmode('save');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 图块属性 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
editor.uifunctions.newIdIdnum_func = function () {
|
|||
|
|
var newIdIdnum = document.getElementById('newIdIdnum');
|
|||
|
|
newIdIdnum.children[2].onclick = function () {
|
|||
|
|
if (newIdIdnum.children[0].value && newIdIdnum.children[1].value) {
|
|||
|
|
var id = newIdIdnum.children[0].value;
|
|||
|
|
var idnum = parseInt(newIdIdnum.children[1].value);
|
|||
|
|
if (!core.isset(idnum)) {
|
|||
|
|
printe('不合法的idnum');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(id)) {
|
|||
|
|
printe('不合法的id，请使用字母、数字或下划线，且不能以数字开头');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (id == 'hero' || id == 'this' || id == 'none' || id == 'airwall') {
|
|||
|
|
printe('不得使用保留关键字作为id！');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (core.statusBar.icons[id] != null) {
|
|||
|
|
alert('警告！此ID在状态栏图标中被注册；仍然允许使用，但是\\i[]等绘制可能出现冲突。');
|
|||
|
|
}
|
|||
|
|
editor.file.changeIdAndIdnum(id, idnum, editor_mode.info, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err)
|
|||
|
|
}
|
|||
|
|
printe('添加id和idnum成功,请F5刷新编辑器');
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
printe('请输入id和idnum');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
newIdIdnum.children[4].onclick = function () {
|
|||
|
|
editor.file.autoRegister(editor_mode.info, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err)
|
|||
|
|
}
|
|||
|
|
printe('该列所有剩余项全部自动注册成功,请F5刷新编辑器');
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
newIdIdnum.children[5].onclick = function () {
|
|||
|
|
if (!confirm("警告！你确定要删除此素材吗？此过程不可逆！")) return;
|
|||
|
|
editor.file.removeMaterial(editor_mode.info, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw err;
|
|||
|
|
}
|
|||
|
|
alert('删除此素材成功！');
|
|||
|
|
window.location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
newIdIdnum.children[6].onclick = function () {
|
|||
|
|
editor.uifunctions.appendMaterialByInfo(editor_mode.info);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.uifunctions.changeId_func = function () {
|
|||
|
|
var changeId = document.getElementById('changeId');
|
|||
|
|
changeId.children[1].onclick = function () {
|
|||
|
|
var id = changeId.children[0].value;
|
|||
|
|
if (id) {
|
|||
|
|
if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(id)) {
|
|||
|
|
printe('不合法的id，请使用字母、数字或下划线，且不能以数字开头')
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (id == 'hero' || id == 'this' || id == 'none' || id == 'airwall') {
|
|||
|
|
printe('不得使用保留关键字作为id！');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (editor_mode.info.images == 'autotile') {
|
|||
|
|
printe('自动元件不可修改id！');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (editor_mode.info.idnum >= 10000) {
|
|||
|
|
printe('额外素材不可修改id！');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (core.statusBar.icons[id] != null) {
|
|||
|
|
alert('警告！此ID在状态栏图标中被注册；仍然允许使用，但是\\i[]等绘制可能出现冲突。');
|
|||
|
|
}
|
|||
|
|
editor.file.changeIdAndIdnum(id, null, editor_mode.info, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err);
|
|||
|
|
}
|
|||
|
|
printe('修改id成功,请F5刷新编辑器');
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
printe('请输入要修改到的ID');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
changeId.children[2].onclick = function () {
|
|||
|
|
if (editor_mode.info.isTile) {
|
|||
|
|
printe("额外素材不可删除！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!confirm("警告！你确定要删除此素材吗？此过程不可逆！\n请务必首先进行备份操作，并保证此素材没有在地图的任何位置使用，否则可能会出现不可知的后果！")) return;
|
|||
|
|
editor.file.removeMaterial(editor_mode.info, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
alert('删除此素材成功！');
|
|||
|
|
window.location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
changeId.children[3].onclick = function () {
|
|||
|
|
editor.uifunctions.appendMaterialByInfo(editor_mode.info);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.uifunctions.copyPasteEnemyItem_func = function () {
|
|||
|
|
var copyEnemyItem = document.getElementById('copyEnemyItem');
|
|||
|
|
var pasteEnemyItem = document.getElementById('pasteEnemyItem');
|
|||
|
|
var clearEnemyItem = document.getElementById('clearEnemyItem');
|
|||
|
|
var clearAllEnemyItem = document.getElementById('clearAllEnemyItem');
|
|||
|
|
|
|||
|
|
copyEnemyItem.onclick = function () {
|
|||
|
|
var cls = (editor_mode.info || {}).images;
|
|||
|
|
if (editor_mode.mode != 'enemyitem' || (cls != 'enemys' && cls != 'enemy48' && cls != 'items')) return;
|
|||
|
|
editor.uivalues.copyEnemyItem.type = cls;
|
|||
|
|
var id = editor_mode.info.id;
|
|||
|
|
if (cls == 'enemys' || cls == 'enemy48') {
|
|||
|
|
editor.uivalues.copyEnemyItem.data = core.clone(enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id]);
|
|||
|
|
printf("怪物属性复制成功");
|
|||
|
|
} else if (cls == 'items') {
|
|||
|
|
editor.uivalues.copyEnemyItem.data = core.clone(items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id]);
|
|||
|
|
printf("道具属性复制成功");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pasteEnemyItem.onclick = function () {
|
|||
|
|
var cls = (editor_mode.info || {}).images;
|
|||
|
|
if (editor_mode.mode != 'enemyitem' || !cls || cls != editor.uivalues.copyEnemyItem.type) return;
|
|||
|
|
var id = editor_mode.info.id;
|
|||
|
|
if (cls == 'enemys' || cls == 'enemy48') {
|
|||
|
|
if (confirm("你确定要覆盖此怪物的全部属性么？这是个不可逆操作！")) {
|
|||
|
|
var name = enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].name;
|
|||
|
|
var displayIdInBook = enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].displayIdInBook;
|
|||
|
|
enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id] = core.clone(editor.uivalues.copyEnemyItem.data);
|
|||
|
|
enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].id = id;
|
|||
|
|
enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].name = name;
|
|||
|
|
enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].displayIdInBook = displayIdInBook;
|
|||
|
|
editor.file.saveSetting('enemys', [], function (err) {
|
|||
|
|
if (err) printe(err);
|
|||
|
|
else printf("怪物属性粘贴成功\n请再重新选中该怪物方可查看更新后的表格。");
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else if (cls == 'items') {
|
|||
|
|
if (confirm("你确定要覆盖此道具的全部属性么？这是个不可逆操作！")) {
|
|||
|
|
var name = items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id].name;
|
|||
|
|
items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id] = core.clone(editor.uivalues.copyEnemyItem.data);
|
|||
|
|
items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id].id = id;
|
|||
|
|
items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id].name = name;
|
|||
|
|
editor.file.saveSetting('items', [], function (err) {
|
|||
|
|
if (err) printe(err);
|
|||
|
|
else printf("道具属性粘贴成功\n请再重新选中该道具方可查看更新后的表格。");
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var _clearEnemy = function (id) {
|
|||
|
|
var info = core.clone(comment_c456ea59_6018_45ef_8bcc_211a24c627dc._data.enemys_template);
|
|||
|
|
info.id = id;
|
|||
|
|
info.name = enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].name;
|
|||
|
|
info.displayIdInBook = enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id].displayIdInBook;
|
|||
|
|
enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80[id] = info;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var _clearItem = function (id) {
|
|||
|
|
for (var x in items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id]) {
|
|||
|
|
if (x != 'id' && x!='cls' && x != 'name') delete items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a[id][x];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
clearEnemyItem.onclick = function () {
|
|||
|
|
var cls = (editor_mode.info || {}).images;
|
|||
|
|
if (editor_mode.mode != 'enemyitem' || !cls) return;
|
|||
|
|
var id = editor_mode.info.id;
|
|||
|
|
if (cls == 'enemys' || cls == 'enemy48') {
|
|||
|
|
if (confirm("你确定要清空本怪物的全部属性么？这是个不可逆操作！")) {
|
|||
|
|
_clearEnemy(id);
|
|||
|
|
editor.file.saveSetting('enemys', [], function (err) {
|
|||
|
|
if (err) printe(err);
|
|||
|
|
else printf("怪物属性清空成功\n请再重新选中该怪物方可查看更新后的表格。");
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else if (cls == 'items') {
|
|||
|
|
if (confirm("你确定要清空本道具的全部属性么？这是个不可逆操作！")) {
|
|||
|
|
_clearItem(id);
|
|||
|
|
editor.file.saveSetting('items', [], function (err) {
|
|||
|
|
if (err) printe(err);
|
|||
|
|
else printf("道具属性清空成功\n请再重新选中该道具方可查看更新后的表格。");
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
clearAllEnemyItem.onclick = function () {
|
|||
|
|
var cls = (editor_mode.info || {}).images;
|
|||
|
|
if (editor_mode.mode != 'enemyitem' || !cls) return;
|
|||
|
|
var id = editor_mode.info.id;
|
|||
|
|
if (cls == 'enemys' || cls == 'enemy48') {
|
|||
|
|
if (confirm("你确定要批量清空【全塔怪物】的全部属性么？这是个不可逆操作！")) {
|
|||
|
|
for (var id in enemys_fcae963b_31c9_42b4_b48c_bb48d09f3f80)
|
|||
|
|
_clearEnemy(id);
|
|||
|
|
editor.file.saveSetting('enemys', [], function (err) {
|
|||
|
|
if (err) printe(err);
|
|||
|
|
else printf("全塔全部怪物属性清空成功！");
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else if (cls == 'items') {
|
|||
|
|
if (confirm("你确定要批量清空【全塔所有自动注册且未修改ID的道具】的全部属性么？这是个不可逆操作！")) {
|
|||
|
|
for (var id in items_296f5d02_12fd_4166_a7c1_b5e830c9ee3a) {
|
|||
|
|
if (/^I\d+$/.test(id)) {
|
|||
|
|
_clearItem(id);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
editor.file.saveSetting('items', [], function (err) {
|
|||
|
|
if (err) printe(err);
|
|||
|
|
else printf("全塔全部道具属性清空成功！");
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 楼层属性 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
editor.uifunctions.changeFloorId_func = function () {
|
|||
|
|
|
|||
|
|
editor.dom.changeFloorId.children[1].onclick = function () {
|
|||
|
|
var floorId = editor.dom.changeFloorId.children[0].value;
|
|||
|
|
if (floorId) {
|
|||
|
|
if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(floorId)) {
|
|||
|
|
printe("楼层名 " + floorId + " 不合法！请使用字母、数字、下划线，且不能以数字开头！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (main.floorIds.indexOf(floorId) >= 0) {
|
|||
|
|
printe("楼层名 " + floorId + " 已存在！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var currentFloorId = editor.currentFloorId;
|
|||
|
|
editor.currentFloorId = floorId;
|
|||
|
|
editor.currentFloorData.floorId = floorId;
|
|||
|
|
editor.file.saveFloorFile(function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err);
|
|||
|
|
}
|
|||
|
|
core.floorIds[core.floorIds.indexOf(currentFloorId)] = floorId;
|
|||
|
|
editor.file.editTower([['change', "['main']['floorIds']", core.floorIds]], function (objs_) {//console.log(objs_);
|
|||
|
|
if (objs_.slice(-1)[0] != null) {
|
|||
|
|
printe(objs_.slice(-1)[0]);
|
|||
|
|
throw (objs_.slice(-1)[0])
|
|||
|
|
}
|
|||
|
|
alert("修改floorId成功，需要刷新编辑器生效。\n请注意，原始的楼层文件没有删除，请根据需要手动删除。");
|
|||
|
|
window.location.reload();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
printe('请输入要修改到的floorId');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.uifunctions.changeFloorSize_func = function () {
|
|||
|
|
var children = editor.dom.changeFloorSize.children;
|
|||
|
|
children[4].onclick = function () {
|
|||
|
|
var width = parseInt(children[0].value);
|
|||
|
|
var height = parseInt(children[1].value);
|
|||
|
|
var x = parseInt(children[2].value);
|
|||
|
|
var y = parseInt(children[3].value);
|
|||
|
|
if (!(width <= 128 && height <= 128 && x >= 0 && y >= 0)) {
|
|||
|
|
printe("参数错误！宽高不得大于128，偏移量不得小于0");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var currentFloorData = editor.currentFloorData;
|
|||
|
|
var currWidth = currentFloorData.width;
|
|||
|
|
var currHeight = currentFloorData.height;
|
|||
|
|
if (width < currWidth) x = -x;
|
|||
|
|
if (height < currHeight) y = -y;
|
|||
|
|
// Step 1:创建一个新的地图
|
|||
|
|
var newFloorData = core.clone(currentFloorData);
|
|||
|
|
newFloorData.width = width;
|
|||
|
|
newFloorData.height = height;
|
|||
|
|
|
|||
|
|
// Step 2:更新map, bgmap和fgmap
|
|||
|
|
editor.dom.maps.forEach(function (name) {
|
|||
|
|
newFloorData[name] = [];
|
|||
|
|
if (currentFloorData[name] && currentFloorData[name].length > 0) {
|
|||
|
|
for (var j = 0; j < height; ++j) {
|
|||
|
|
newFloorData[name][j] = [];
|
|||
|
|
for (var i = 0; i < width; ++i) {
|
|||
|
|
var oi = i - x;
|
|||
|
|
var oj = j - y;
|
|||
|
|
if (oi >= 0 && oi < currWidth && oj >= 0 && oj < currHeight) {
|
|||
|
|
newFloorData[name][j].push(currentFloorData[name][oj][oi]);
|
|||
|
|
} else {
|
|||
|
|
newFloorData[name][j].push(0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Step 3:更新所有坐标
|
|||
|
|
["events", "beforeBattle", "afterBattle", "afterGetItem", "afterOpenDoor", "changeFloor", "autoEvent", "cannotMove"].forEach(function (name) {
|
|||
|
|
newFloorData[name] = {};
|
|||
|
|
if (!currentFloorData[name]) return;
|
|||
|
|
for (var loc in currentFloorData[name]) {
|
|||
|
|
var oxy = loc.split(','), ox = parseInt(oxy[0]), oy = parseInt(oxy[1]);
|
|||
|
|
var nx = ox + x, ny = oy + y;
|
|||
|
|
if (nx >= 0 && nx < width && ny >= 0 && ny < height) {
|
|||
|
|
newFloorData[name][nx+","+ny] = core.clone(currentFloorData[name][loc]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Step 4:上楼点&下楼点
|
|||
|
|
["upFloor", "downFloor"].forEach(function (name) {
|
|||
|
|
if (newFloorData[name] && newFloorData[name].length == 2) {
|
|||
|
|
newFloorData[name][0]+=x;
|
|||
|
|
newFloorData[name][1]+=y;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
editor.file.saveFloor(newFloorData, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw(err)
|
|||
|
|
}
|
|||
|
|
;alert('地图更改大小成功，即将刷新地图...\n请检查所有点的事件是否存在问题。');
|
|||
|
|
window.location.reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 全塔属性 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 脚本编辑 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 追加素材 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
editor.uifunctions.appendPic_func = function () {
|
|||
|
|
// --- fix ctx
|
|||
|
|
[editor.dom.appendSourceCtx, editor.dom.appendSpriteCtx].forEach(function (ctx) {
|
|||
|
|
ctx.mozImageSmoothingEnabled = false;
|
|||
|
|
ctx.webkitImageSmoothingEnabled = false;
|
|||
|
|
ctx.msImageSmoothingEnabled = false;
|
|||
|
|
ctx.imageSmoothingEnabled = false;
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// --- selectAppend
|
|||
|
|
var selectAppend_str = [];
|
|||
|
|
["terrains", "animates", "enemys", "enemy48", "items", "npcs", "npc48", "autotile"].forEach(function (image) {
|
|||
|
|
selectAppend_str.push(["<option value='", image, "'>", image, '</option>\n'].join(''));
|
|||
|
|
});
|
|||
|
|
editor.dom.selectAppend.innerHTML = selectAppend_str.join('');
|
|||
|
|
editor.dom.selectAppend.onchange = function () {
|
|||
|
|
|
|||
|
|
var value = editor.dom.selectAppend.value;
|
|||
|
|
|
|||
|
|
if (value == 'autotile') {
|
|||
|
|
editor_mode.appendPic.imageName = 'autotile';
|
|||
|
|
for (var jj = 0; jj < 4; jj++) editor.dom.appendPicSelection.children[jj].style = 'display:none';
|
|||
|
|
if (editor_mode.appendPic.img) {
|
|||
|
|
editor.dom.appendSprite.style.width = (editor.dom.appendSprite.width = editor_mode.appendPic.img.width) / editor.uivalues.ratio + 'px';
|
|||
|
|
editor.dom.appendSprite.style.height = (editor.dom.appendSprite.height = editor_mode.appendPic.img.height) / editor.uivalues.ratio + 'px';
|
|||
|
|
editor.dom.appendSpriteCtx.clearRect(0, 0, editor.dom.appendSprite.width, editor.dom.appendSprite.height);
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor_mode.appendPic.img, 0, 0);
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var ysize = editor.dom.selectAppend.value.endsWith('48') ? 48 : 32;
|
|||
|
|
editor_mode.appendPic.imageName = value;
|
|||
|
|
var img = core.material.images[value];
|
|||
|
|
editor_mode.appendPic.toImg = img;
|
|||
|
|
var num = ~~img.width / 32;
|
|||
|
|
editor_mode.appendPic.num = num;
|
|||
|
|
editor_mode.appendPic.index = 0;
|
|||
|
|
var selectStr = '';
|
|||
|
|
for (var ii = 0; ii < num; ii++) {
|
|||
|
|
editor.dom.appendPicSelection.children[ii].style = 'left:0;top:0;height:' + (ysize - 6) + 'px';
|
|||
|
|
selectStr += '{"x":0,"y":0},'
|
|||
|
|
}
|
|||
|
|
editor_mode.appendPic.selectPos = eval('[' + selectStr + ']');
|
|||
|
|
for (var jj = num; jj < 4; jj++) {
|
|||
|
|
editor.dom.appendPicSelection.children[jj].style = 'display:none';
|
|||
|
|
}
|
|||
|
|
editor.dom.appendSprite.style.width = (editor.dom.appendSprite.width = img.width) / editor.uivalues.ratio + 'px';
|
|||
|
|
editor.dom.appendSprite.style.height = (editor.dom.appendSprite.height = img.height + ysize) / editor.uivalues.ratio + 'px';
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(img, 0, 0);
|
|||
|
|
}
|
|||
|
|
editor.dom.selectAppend.onchange();
|
|||
|
|
|
|||
|
|
// --- selectFileBtn
|
|||
|
|
var autoAdjust = function (image, callback) {
|
|||
|
|
var changed = false;
|
|||
|
|
|
|||
|
|
// Step 1: 检测白底
|
|||
|
|
var tempCanvas = document.createElement('canvas').getContext('2d');
|
|||
|
|
tempCanvas.canvas.width = image.width;
|
|||
|
|
tempCanvas.canvas.height = image.height;
|
|||
|
|
tempCanvas.mozImageSmoothingEnabled = false;
|
|||
|
|
tempCanvas.webkitImageSmoothingEnabled = false;
|
|||
|
|
tempCanvas.msImageSmoothingEnabled = false;
|
|||
|
|
tempCanvas.imageSmoothingEnabled = false;
|
|||
|
|
tempCanvas.drawImage(image, 0, 0);
|
|||
|
|
var imgData = tempCanvas.getImageData(0, 0, image.width, image.height);
|
|||
|
|
var trans = 0, white = 0, black = 0;
|
|||
|
|
for (var i = 0; i < image.width; i++) {
|
|||
|
|
for (var j = 0; j < image.height; j++) {
|
|||
|
|
var pixel = editor.util.getPixel(imgData, i, j);
|
|||
|
|
if (pixel[3] == 0) trans++;
|
|||
|
|
if (pixel[0] == 255 && pixel[1] == 255 && pixel[2] == 255 && pixel[3] == 255) white++;
|
|||
|
|
// if (pixel[0]==0 && pixel[1]==0 && pixel[2]==0 && pixel[3]==255) black++;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (white > black && white > trans * 10 && confirm("看起来这张图片是以纯白为底色，是否自动调整为透明底色？")) {
|
|||
|
|
for (var i = 0; i < image.width; i++) {
|
|||
|
|
for (var j = 0; j < image.height; j++) {
|
|||
|
|
var pixel = editor.util.getPixel(imgData, i, j);
|
|||
|
|
if (pixel[0] == 255 && pixel[1] == 255 && pixel[2] == 255 && pixel[3] == 255) {
|
|||
|
|
editor.util.setPixel(imgData, i, j, [0, 0, 0, 0]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
tempCanvas.clearRect(0, 0, image.width, image.height);
|
|||
|
|
tempCanvas.putImageData(imgData, 0, 0);
|
|||
|
|
changed = true;
|
|||
|
|
}
|
|||
|
|
/*
|
|||
|
|
if (black>white && black>trans*10 && confirm("看起来这张图片是以纯黑为底色，是否自动调整为透明底色？")) {
|
|||
|
|
for (var i=0;i<image.width;i++) {
|
|||
|
|
for (var j=0;j<image.height;j++) {
|
|||
|
|
var pixel = editor.util.getPixel(imgData, i, j);
|
|||
|
|
if (pixel[0]==0 && pixel[1]==0 && pixel[2]==0 && pixel[3]==255) {
|
|||
|
|
editor.util.setPixel(imgData, i, j, [0,0,0,0]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
tempCanvas.clearRect(0, 0, image.width, image.height);
|
|||
|
|
tempCanvas.putImageData(imgData, 0, 0);
|
|||
|
|
changed = true;
|
|||
|
|
}
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
// Step 2: 检测长宽比
|
|||
|
|
var ysize = editor.dom.selectAppend.value.endsWith('48') ? 48 : 32;
|
|||
|
|
if ((image.width % 32 != 0 || image.height % ysize != 0) && (image.width <= 128 && image.height <= ysize * 4)
|
|||
|
|
&& confirm("目标长宽不符合条件，是否自动进行调整？")) {
|
|||
|
|
var ncanvas = document.createElement('canvas').getContext('2d');
|
|||
|
|
ncanvas.canvas.width = 128;
|
|||
|
|
ncanvas.canvas.height = 4 * ysize;
|
|||
|
|
ncanvas.mozImageSmoothingEnabled = false;
|
|||
|
|
ncanvas.webkitImageSmoothingEnabled = false;
|
|||
|
|
ncanvas.msImageSmoothingEnabled = false;
|
|||
|
|
ncanvas.imageSmoothingEnabled = false;
|
|||
|
|
var w = image.width / 4, h = image.height / 4;
|
|||
|
|
for (var i = 0; i < 4; i++) {
|
|||
|
|
for (var j = 0; j < 4; j++) {
|
|||
|
|
ncanvas.drawImage(tempCanvas.canvas, i * w, j * h, w, h, i * 32 + (32 - w) / 2, j * ysize + (ysize - h) / 2, w, h);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
tempCanvas = ncanvas;
|
|||
|
|
changed = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!changed) {
|
|||
|
|
callback(image);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var nimg = new Image();
|
|||
|
|
nimg.onload = function () {
|
|||
|
|
callback(nimg);
|
|||
|
|
};
|
|||
|
|
nimg.src = tempCanvas.canvas.toDataURL();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var loadImage = function (content, callback) {
|
|||
|
|
if (content instanceof Image || content.getContext != null) {
|
|||
|
|
callback(content);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var image = new Image();
|
|||
|
|
try {
|
|||
|
|
image.onload = function () {
|
|||
|
|
callback(image);
|
|||
|
|
}
|
|||
|
|
image.src = content;
|
|||
|
|
}
|
|||
|
|
catch (e) {
|
|||
|
|
printe(e);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var afterReadFile = function (content, callback) {
|
|||
|
|
loadImage(content, function (image) {
|
|||
|
|
autoAdjust(image, function (image) {
|
|||
|
|
editor_mode.appendPic.img = image;
|
|||
|
|
editor_mode.appendPic.width = image.width;
|
|||
|
|
editor_mode.appendPic.height = image.height;
|
|||
|
|
|
|||
|
|
if (editor.dom.selectAppend.value == 'autotile') {
|
|||
|
|
for (var ii = 0; ii < 3; ii++) {
|
|||
|
|
var newsprite = editor.dom.appendPicCanvas.children[ii];
|
|||
|
|
newsprite.style.width = (newsprite.width = image.width) / editor.uivalues.ratio + 'px';
|
|||
|
|
newsprite.style.height = (newsprite.height = image.height) / editor.uivalues.ratio + 'px';
|
|||
|
|
}
|
|||
|
|
editor.dom.appendSpriteCtx.clearRect(0, 0, editor.dom.appendSprite.width, editor.dom.appendSprite.height);
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(image, 0, 0);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var ysize = editor.dom.selectAppend.value.endsWith('48') ? 48 : 32;
|
|||
|
|
for (var ii = 0; ii < 3; ii++) {
|
|||
|
|
var newsprite = editor.dom.appendPicCanvas.children[ii];
|
|||
|
|
newsprite.style.width = (newsprite.width = Math.floor(image.width / 32) * 32) / editor.uivalues.ratio + 'px';
|
|||
|
|
newsprite.style.height = (newsprite.height = Math.floor(image.height / ysize) * ysize) / editor.uivalues.ratio + 'px';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//画灰白相间的格子
|
|||
|
|
var bgc = editor.dom.appendBgCtx;
|
|||
|
|
var colorA = ["#f8f8f8", "#cccccc"];
|
|||
|
|
var colorIndex;
|
|||
|
|
var sratio = 4;
|
|||
|
|
for (var ii = 0; ii < image.width / 32 * sratio; ii++) {
|
|||
|
|
colorIndex = 1 - ii % 2;
|
|||
|
|
for (var jj = 0; jj < image.height / 32 * sratio; jj++) {
|
|||
|
|
bgc.fillStyle = colorA[colorIndex];
|
|||
|
|
colorIndex = 1 - colorIndex;
|
|||
|
|
bgc.fillRect(ii * 32 / sratio, jj * 32 / sratio, 32 / sratio, 32 / sratio);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//把导入的图片画出
|
|||
|
|
editor.dom.appendSourceCtx.drawImage(image, 0, 0);
|
|||
|
|
editor_mode.appendPic.sourceImageData = editor.dom.appendSourceCtx.getImageData(0, 0, image.width, image.height);
|
|||
|
|
|
|||
|
|
//重置临时变量
|
|||
|
|
editor.dom.selectAppend.onchange();
|
|||
|
|
|
|||
|
|
if (callback) callback();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.dom.selectFileBtn.onclick = function () {
|
|||
|
|
core.readFile(afterReadFile, null, 'image/*', 'img');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// --- changeColorInput
|
|||
|
|
var changeColorInput = document.getElementById('changeColorInput')
|
|||
|
|
changeColorInput.oninput = function () {
|
|||
|
|
var delta = (~~changeColorInput.value) * 30;
|
|||
|
|
var imgData = editor_mode.appendPic.sourceImageData;
|
|||
|
|
var nimgData = new ImageData(imgData.width, imgData.height);
|
|||
|
|
// ImageData .data 形如一维数组,依次排着每个点的 R(0~255) G(0~255) B(0~255) A(0~255)
|
|||
|
|
var convert = function (rgba, delta) {
|
|||
|
|
var rgbToHsl = editor.util.rgbToHsl
|
|||
|
|
var hue2rgb = editor.util.hue2rgb
|
|||
|
|
var hslToRgb = editor.util.hslToRgb
|
|||
|
|
//
|
|||
|
|
var hsl = rgbToHsl(rgba)
|
|||
|
|
hsl[0] = (hsl[0] + delta) % 360
|
|||
|
|
var nrgb = hslToRgb(hsl)
|
|||
|
|
nrgb.push(rgba[3])
|
|||
|
|
return nrgb
|
|||
|
|
}
|
|||
|
|
for (var x = 0; x < imgData.width; x++) {
|
|||
|
|
for (var y = 0; y < imgData.height; y++) {
|
|||
|
|
editor.util.setPixel(nimgData, x, y, convert(editor.util.getPixel(imgData, x, y), delta))
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
editor.dom.appendSourceCtx.clearRect(0, 0, imgData.width, imgData.height);
|
|||
|
|
editor.dom.appendSourceCtx.putImageData(nimgData, 0, 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// --- picClick
|
|||
|
|
var eToLoc = function (e) {
|
|||
|
|
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft
|
|||
|
|
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
|
|||
|
|
var loc = {
|
|||
|
|
'x': scrollLeft + e.clientX + editor.dom.appendPicCanvas.scrollLeft - editor.dom.left1.offsetLeft - editor.dom.appendPicCanvas.offsetLeft,
|
|||
|
|
'y': scrollTop + e.clientY + editor.dom.appendPicCanvas.scrollTop - editor.dom.left1.offsetTop - editor.dom.appendPicCanvas.offsetTop,
|
|||
|
|
'size': 32,
|
|||
|
|
'ysize': editor.dom.selectAppend.value.endsWith('48') ? 48 : 32
|
|||
|
|
};
|
|||
|
|
return loc;
|
|||
|
|
}//返回可用的组件内坐标
|
|||
|
|
|
|||
|
|
var locToPos = function (loc) {
|
|||
|
|
var pos = { 'x': ~~(loc.x / loc.size), 'y': ~~(loc.y / loc.ysize), 'ysize': loc.ysize }
|
|||
|
|
return pos;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.dom.appendPicClick.onclick = function (e) {
|
|||
|
|
var loc = eToLoc(e);
|
|||
|
|
var pos = locToPos(loc);
|
|||
|
|
//console.log(e,loc,pos);
|
|||
|
|
var num = editor_mode.appendPic.num;
|
|||
|
|
var ii = editor_mode.appendPic.index;
|
|||
|
|
if (ii + 1 >= num) editor_mode.appendPic.index = ii + 1 - num;
|
|||
|
|
else editor_mode.appendPic.index++;
|
|||
|
|
editor_mode.appendPic.selectPos[ii] = pos;
|
|||
|
|
editor.dom.appendPicSelection.children[ii].style = [
|
|||
|
|
'left:', pos.x * 32, 'px;',
|
|||
|
|
'top:', pos.y * pos.ysize, 'px;',
|
|||
|
|
'height:', pos.ysize - 6, 'px;'
|
|||
|
|
].join('');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// appendConfirm
|
|||
|
|
var appendRegister = document.getElementById('appendRegister');
|
|||
|
|
var appendConfirm = document.getElementById('appendConfirm');
|
|||
|
|
appendConfirm.onclick = function () {
|
|||
|
|
|
|||
|
|
var confirmAutotile = function () {
|
|||
|
|
var image = editor_mode.appendPic.img;
|
|||
|
|
if (image.width % 96 != 0 || image.height != 128) {
|
|||
|
|
printe("不合法的Autotile图片！");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var imgData = editor.dom.appendSourceCtx.getImageData(0, 0, image.width, image.height);
|
|||
|
|
editor.dom.appendSpriteCtx.putImageData(imgData, 0, 0);
|
|||
|
|
var imgbase64 = editor.dom.appendSprite.toDataURL().split(',')[1];
|
|||
|
|
|
|||
|
|
// Step 1: List文件名
|
|||
|
|
fs.readdir('./project/autotiles', function (err, data) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Step 2: 选择Autotile文件名
|
|||
|
|
var filename;
|
|||
|
|
for (var i = 1; ; ++i) {
|
|||
|
|
filename = 'autotile' + i;
|
|||
|
|
if (data.indexOf(filename + ".png") == -1) break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Step 3: 写入文件
|
|||
|
|
fs.writeFile('./project/autotiles/' + filename + ".png", imgbase64, 'base64', function (err, data) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err);
|
|||
|
|
}
|
|||
|
|
// Step 4: 自动注册
|
|||
|
|
editor.file.registerAutotile(filename, function (err) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err);
|
|||
|
|
}
|
|||
|
|
printe('自动元件' + filename + '注册成功,请F5刷新编辑器');
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (editor.dom.selectAppend.value == 'autotile') {
|
|||
|
|
confirmAutotile();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var ysize = editor.dom.selectAppend.value.endsWith('48') ? 48 : 32;
|
|||
|
|
for (var ii = 0, v; v = editor_mode.appendPic.selectPos[ii]; ii++) {
|
|||
|
|
// var imgData = editor.dom.appendSourceCtx.getImageData(v.x * 32, v.y * ysize, 32, ysize);
|
|||
|
|
// editor.dom.appendSpriteCtx.putImageData(imgData, ii * 32, editor.dom.appendSprite.height - ysize);
|
|||
|
|
// editor.dom.appendSpriteCtx.drawImage(editor_mode.appendPic.img, v.x * 32, v.y * ysize, 32, ysize, ii * 32, height, 32, ysize)
|
|||
|
|
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, v.x * 32, v.y * ysize, 32, ysize, 32 * ii, editor.dom.appendSprite.height - ysize, 32, ysize);
|
|||
|
|
}
|
|||
|
|
var dt = editor.dom.appendSpriteCtx.getImageData(0, 0, editor.dom.appendSprite.width, editor.dom.appendSprite.height);
|
|||
|
|
var imgbase64 = editor.dom.appendSprite.toDataURL('image/png');
|
|||
|
|
var imgName = editor_mode.appendPic.imageName;
|
|||
|
|
fs.writeFile('./project/materials/' + imgName + '.png', imgbase64.split(',')[1], 'base64', function (err, data) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err)
|
|||
|
|
}
|
|||
|
|
var currHeight = editor.dom.appendSprite.height;
|
|||
|
|
editor.dom.appendSprite.style.height = (editor.dom.appendSprite.height = (currHeight + ysize)) + "px";
|
|||
|
|
editor.dom.appendSpriteCtx.putImageData(dt, 0, 0);
|
|||
|
|
core.material.images[imgName].src = imgbase64;
|
|||
|
|
editor.widthsX[imgName][3] = currHeight;
|
|||
|
|
if (appendRegister && appendRegister.checked) {
|
|||
|
|
editor.file.autoRegister({images: imgName}, function (e) {
|
|||
|
|
if (e) {
|
|||
|
|
printe(e);
|
|||
|
|
throw e;
|
|||
|
|
}
|
|||
|
|
printf('追加素材并自动注册成功！你可以继续追加其他素材，最后再刷新以使用。');
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
printf('追加素材成功！你可以继续追加其他素材，最后再刷新以使用。');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var quickAppendConfirm = document.getElementById('quickAppendConfirm');
|
|||
|
|
quickAppendConfirm.onclick = function () {
|
|||
|
|
var value = editor.dom.selectAppend.value;
|
|||
|
|
if (value != 'items' && value != 'enemys' && value != 'enemy48' && value != 'npcs' && value != 'npc48')
|
|||
|
|
return printe("只有怪物或NPC才能快速导入！");
|
|||
|
|
var ysize = value.endsWith('48') ? 48 : 32;
|
|||
|
|
var sw = editor.dom.appendSourceCtx.canvas.width, sh = editor.dom.appendSourceCtx.canvas.height;
|
|||
|
|
if (value == 'items') {
|
|||
|
|
if (sw % 32 || sh % 32) {
|
|||
|
|
return printe("只有长宽都是32的倍数的道具图才可以快速导入！");
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if ((sw != 128 && sw != 96) || sh != 4 * ysize) {
|
|||
|
|
return printe("只有 3*4 或 4*4 的素材图片才可以快速导入！");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
sw = sw / 32;
|
|||
|
|
sh = sh / ysize;
|
|||
|
|
|
|||
|
|
var dt = editor.dom.appendSpriteCtx.getImageData(0, 0, editor.dom.appendSprite.width, editor.dom.appendSprite.height);
|
|||
|
|
var appendSize = value == 'items' ? (sw * sh - 1) : 3;
|
|||
|
|
editor.dom.appendSprite.style.height = (editor.dom.appendSprite.height = (editor.dom.appendSprite.height + appendSize * ysize)) + "px";
|
|||
|
|
editor.dom.appendSpriteCtx.putImageData(dt, 0, 0);
|
|||
|
|
if (editor.dom.appendSprite.width == 32) { // 1帧：道具
|
|||
|
|
for (var i = 0; i < sw * sh; ++i) {
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 32 * (i % sw), 32 * parseInt(i / sw), 32, 32, 0, editor.dom.appendSprite.height - (sw * sh - i) * ysize, 32, 32);
|
|||
|
|
}
|
|||
|
|
} else if (editor.dom.appendSprite.width == 64) { // 两帧
|
|||
|
|
if (sw == 3) {
|
|||
|
|
// 3*4的规格使用13帧
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 0, 0, 32, 4 * ysize, 0, editor.dom.appendSprite.height - 4 * ysize, 32, 4 * ysize);
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 64, 0, 32, 4 * ysize, 32, editor.dom.appendSprite.height - 4 * ysize, 32, 4 * ysize);
|
|||
|
|
} else {
|
|||
|
|
// 4*4的规格使用23帧
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 32, 0, 64, 4 * ysize, 0, editor.dom.appendSprite.height - 4 * ysize, 64, 4 * ysize);
|
|||
|
|
}
|
|||
|
|
} else { // 四帧
|
|||
|
|
if (sw == 3) {
|
|||
|
|
// 3*4的规格使用2123帧
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 32, 0, 32, 4 * ysize, 0, editor.dom.appendSprite.height - 4 * ysize, 32, 4 * ysize);
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 0, 0, 96, 4 * ysize, 32, editor.dom.appendSprite.height - 4 * ysize, 96, 4 * ysize);
|
|||
|
|
} else {
|
|||
|
|
// 4*4的规格使用1234帧
|
|||
|
|
editor.dom.appendSpriteCtx.drawImage(editor.dom.appendSourceCtx.canvas, 0, 0, 128, 4 * ysize, 0, editor.dom.appendSprite.height - 4 * ysize, 128, 4 * ysize);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
dt = editor.dom.appendSpriteCtx.getImageData(0, 0, editor.dom.appendSprite.width, editor.dom.appendSprite.height);
|
|||
|
|
var imgbase64 = editor.dom.appendSprite.toDataURL('image/png');
|
|||
|
|
var imgName = editor_mode.appendPic.imageName;
|
|||
|
|
fs.writeFile('./project/materials/' + imgName + '.png', imgbase64.split(',')[1], 'base64', function (err, data) {
|
|||
|
|
if (err) {
|
|||
|
|
printe(err);
|
|||
|
|
throw (err)
|
|||
|
|
}
|
|||
|
|
var currHeight = editor.dom.appendSprite.height;
|
|||
|
|
editor.dom.appendSprite.style.height = (editor.dom.appendSprite.height = (currHeight + ysize)) + "px";
|
|||
|
|
editor.dom.appendSpriteCtx.putImageData(dt, 0, 0);
|
|||
|
|
core.material.images[imgName].src = imgbase64;
|
|||
|
|
editor.widthsX[imgName][3] = currHeight;
|
|||
|
|
if (appendRegister && appendRegister.checked) {
|
|||
|
|
editor.file.autoRegister({images: imgName}, function (e) {
|
|||
|
|
if (e) {
|
|||
|
|
printe(e);
|
|||
|
|
throw e;
|
|||
|
|
}
|
|||
|
|
printf('快速追加素材并自动注册成功！你可以继续追加其他素材，最后再刷新以使用。');
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
printf('快速追加素材成功！你可以继续追加其他素材，最后再刷新以使用。');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.uifunctions.dragImageToAppend = function (file, cls) {
|
|||
|
|
editor.mode.change('appendpic');
|
|||
|
|
editor.dom.selectAppend.value = cls;
|
|||
|
|
editor.dom.selectAppend.onchange();
|
|||
|
|
|
|||
|
|
var reader = new FileReader();
|
|||
|
|
reader.onload = function () {
|
|||
|
|
afterReadFile(reader.result, function() {
|
|||
|
|
if (cls == 'terrains') return;
|
|||
|
|
if (confirm('你确定要快速追加么？')) {
|
|||
|
|
if (cls == 'autotile') {
|
|||
|
|
appendConfirm.onclick();
|
|||
|
|
} else {
|
|||
|
|
quickAppendConfirm.onclick();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
reader.readAsDataURL(file);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.uifunctions.appendMaterialByInfo = function (info) {
|
|||
|
|
if (info.isTile) {
|
|||
|
|
printe('额外素材不支持此功能！');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var img = null;
|
|||
|
|
var cls = info.images;
|
|||
|
|
var height = cls == 'enemy48' || cls == 'npc48' ? 48 : 32;
|
|||
|
|
|
|||
|
|
if (cls == 'autotile') {
|
|||
|
|
img = core.material.images.autotile[info.id];
|
|||
|
|
} else {
|
|||
|
|
var image = core.material.images[cls];
|
|||
|
|
var width = image.width;
|
|||
|
|
img = document.createElement('canvas');
|
|||
|
|
img.width = width;
|
|||
|
|
img.height = height;
|
|||
|
|
img.getContext('2d').drawImage(image, 0, info.y * height, width, height, 0, 0, width, height);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
editor.mode.change('appendpic');
|
|||
|
|
editor.dom.selectAppend.value = cls;
|
|||
|
|
editor.dom.selectAppend.onchange();
|
|||
|
|
|
|||
|
|
afterReadFile(img, function () {
|
|||
|
|
changeColorInput.value = 0;
|
|||
|
|
if (cls == 'autotile') return;
|
|||
|
|
|
|||
|
|
editor_mode.appendPic.index = 0;
|
|||
|
|
for (var ii = 0; ii < editor_mode.appendPic.num; ++ii) {
|
|||
|
|
editor_mode.appendPic.selectPos[ii] = {x: ii, y: 0, ysize: height};
|
|||
|
|
editor.dom.appendPicSelection.children[ii].style = [
|
|||
|
|
'left:', ii * 32, 'px;',
|
|||
|
|
'top:', 0, 'px;',
|
|||
|
|
'height:', height - 6, 'px;'
|
|||
|
|
].join('');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 公共事件 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
//////////////////// 插件编写 //////////////////////////////////////////
|
|||
|
|
///////////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|