jianghe2nd/mota-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

drawSLPanel

Browse Source
This commit is contained in:
dljgs1 2019-03-29 06:52:04 +08:00
parent 5e978fa2d4
commit 9aa7cca037
2 changed files with 293 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

155
libs/actions.js
View File

@ -686,8 +686,9 @@ actions.prototype._sys_onmousewheel = function (direct) {
// 存读档
if (core.status.lockControl && (core.status.event.id == 'save' || core.status.event.id == 'load')) {
if (direct == 1) core.ui.drawSLPanel(core.status.event.data - 10);
if (direct == -1) core.ui.drawSLPanel(core.status.event.data + 10);
var index = core.status.event.data.page*10+core.status.event.data.offset;
if (direct == 1) core.ui.drawSLPanel(index - 10);
if (direct == -1) core.ui.drawSLPanel(index + 10);
return;
}
@ -1576,23 +1577,24 @@ actions.prototype._keyUpEquipbox = function (keycode, altKey) {
}
////// 存读档界面时的点击操作 //////
actions.prototype._clickSL = function (x, y) {
var index = core.status.event.data;
var page = parseInt(index / 10), offset = index % 10;
actions.prototype._clickSL = function (x, y, px, py) {
var page = core.status.event.data.page, offset = core.status.event.data.offset;
var index = page*10 + offset;
//var index = core.status.event.data;
//var page = parseInt(index / 10), offset = index % 10;
// 上一页
if ((x == 3 || x == 4) && y == 12) {
if ((x == this.HSIZE-2 || x == this.HSIZE-3) && y == this.LAST) {
core.ui.drawSLPanel(10 * (page - 1) + offset);
return;
}
// 下一页
if ((x == 8 || x == 9) && y == 12) {
if ((x == this.HSIZE+2 || x == this.HSIZE+3) && y == this.LAST) {
core.ui.drawSLPanel(10 * (page + 1) + offset);
return;
}
// 返回
if (x >= 10 && x <= 12 && y == 12) {
if (x >= this.LAST-2 && y == this.LAST) {
if (core.events.recoverEvents(core.status.event.interval)) {
return;
}
@ -1603,32 +1605,52 @@ actions.prototype._clickSL = function (x, y) {
return;
}
// 删除
if (x >= 0 && x <= 2 && y == 12) {
if (x >= 0 && x <= 2 && y == this.LAST) {
if (core.status.event.id == 'save') {
core.status.event.selection = !core.status.event.selection;
core.ui.drawSLPanel(index);
}
else {
core.myprompt("请输入读档编号", null, function (index) {
index = parseInt(index) || 0;
if (index > 0)
core.doSL(index, core.status.event.id);
});
else {// 显示收藏
core.status.event.data.mode = core.status.event.data.mode == 'all'?'fav':'all';
core.saves.index = {};
for(var i in core.saves.favorite){
core.saves.index[i] = core.saves.favorite[i];
}
core.ui.drawSLPanel(index,true);
}
return;
}
// 收藏
var fav = null;
var centerX = parseInt(this.SIZE/2), leftX = 2, rightX = this.LAST-2;
var id = null;
if (y >= 1 && y <= 4) {
if (x >= 1 && x <= 3) id = "autoSave";
if (x >= 5 && x <= 7) id = 5 * page + 1;
if (x >= 9 && x <= 11) id = 5 * page + 2;
// 三个关键坐标：
var xLeft = parseInt(this.SIZE/3),xRight = parseInt(this.SIZE*2/3);
var topY1 = 0, topY2 = parseInt(this.SIZE/2);
if(y==topY1){
if (x >= xLeft && x < xRight) fav = 5 * page + 1;
if (x >= xRight) fav = 5 * page + 2;
}
if (y >= 7 && y <= 10) {
if (x >= 1 && x <= 3) id = 5 * page + 3;
if (x >= 5 && x <= 7) id = 5 * page + 4;
if (x >= 9 && x <= 11) id = 5 * page + 5;
if(y==topY2){
if (x < xLeft) fav = 5 * page + 3;
if (x >= xLeft && x < xRight) fav = 5 * page + 4;
if (x >= xRight) fav = 5 * page + 5;
}
if (fav != null){
this._keyDownFav(page,fav%5);
}
var id = null;
var topSpan = parseInt(this.SIZE/7);
if (y >= topY1 + topSpan && y <= topY1 + topSpan + 3) {
if (x < xLeft) id = "autoSave";
if (x >= xLeft && x < xRight) id = 5 * page + 1;
if (x >= xRight) id = 5 * page + 2;
}
if (y >= topY2+1 && y <= topY2+5) {
if (x < xLeft) id = 5 * page + 3;
if (x >= xLeft && x < xRight) id = 5 * page + 4;
if (x >= xRight) id = 5 * page + 5;
}
if (id != null) {
if (core.status.event.selection) {
@ -1638,13 +1660,19 @@ actions.prototype._clickSL = function (x, y) {
else {
// core.removeLocalStorage("save"+id);
core.removeLocalForage("save" + id, function () {
core.ui.drawSLPanel(index, true);
var idx = core.saves.favorite.indexOf(id);
core.saves.favorite.splice(idx,1);
delete core.saves.favName[id];
core.ui._drawSLPanel_saveFav(function(){
core.ui._drawSLPanel_flushIndex();
core.ui.drawSLPanel(index, true)});
}, function () {
core.drawTip("无法删除存档！");
})
}
}
else {
if(core.status.event.data.mode=='fav')id = core.saves.favIndex[id];
core.doSL(id, core.status.event.id);
}
}
@ -1653,8 +1681,9 @@ actions.prototype._clickSL = function (x, y) {
////// 存读档界面时，按下某个键的操作 //////
actions.prototype._keyDownSL = function (keycode) {
var index = core.status.event.data;
var page = parseInt(index / 10), offset = index % 10;
// var index = core.status.event.data;
var page = core.status.event.data.page, offset = core.status.event.data.offset;
var index = page*10 + offset;
if (keycode == 37) { // left
if (offset == 0) {
@ -1700,13 +1729,46 @@ actions.prototype._keyDownSL = function (keycode) {
core.ui.drawSLPanel(10 * (page + 1) + offset);
return;
}
if (keycode == 70){ // F
this._keyDownFav(page,offset);
}
}
actions.prototype._keyDownFav = function(page, offset){
var fav = page*5+offset;
var idx = fav;
var index = page*10 + offset;
if(core.status.event.data.mode=='fav'){//收藏模式下点击的下标直接对应favorite
fav = core.saves.favIndex[idx];
var dataIdx = index;
core.myprompt("请输入想要显示的存档名(长度不超过5字符)", null, function (index) {
if(index && index.length<=5 && index.length>0){
core.saves.favName[fav]=index;
core.ui._drawSLPanel_saveFav(function(){core.ui.drawSLPanel(dataIdx, false)});
}else{
alert("无效的输入！");
}
});
}else{
idx = core.saves.favorite.indexOf(fav);
if(idx>=0){
core.saves.favorite.splice(idx,1);
delete core.saves.favName[fav];
}else{
if(core.hasSave(fav)){
core.saves.favorite.push(fav);
core.saves.favName[idx] = fav;//暂时的 收藏下标到名字的映射（实际存储的是收藏ID到名字的映射）
}
}
core.ui._drawSLPanel_saveFav(function(){
core.ui._drawSLPanel_flushIndex();
core.ui.drawSLPanel(index, false)});
}
}
////// 存读档界面时，放开某个键的操作 //////
actions.prototype._keyUpSL = function (keycode) {
var index = core.status.event.data;
var page = parseInt(index / 10), offset = index % 10;
var page = core.status.event.data.page, offset = core.status.event.data.offset;
var index = page*10 + offset;
if (keycode == 27 || keycode == 88 || (core.status.event.id == 'save' && keycode == 83) || (core.status.event.id == 'load' && keycode == 68)) {
if (core.events.recoverEvents(core.status.event.interval)) {
@ -1723,16 +1785,20 @@ actions.prototype._keyUpSL = function (keycode) {
core.doSL("autoSave", core.status.event.id);
}
else {
core.doSL(5 * page + offset, core.status.event.id);
var id = 5 * page + offset;
if(core.status.event.data.mode=='fav')id = core.saves.favIndex[id];
core.doSL(id, core.status.event.id);
}
return;
}
if (keycode == 69 && core.status.event.id != 'save') { // E
core.myprompt("请输入读档编号", null, function (index) {
index = parseInt(index) || 0;
if (index > 0)
core.doSL(index, core.status.event.id);
});
if (keycode == 69 && core.status.event.id != 'save') { // E 收藏切换
core.status.event.data.mode = core.status.event.data.mode == 'all'?'fav':'all';
core.saves.index = {};
for(var i in core.saves.favorite){
core.saves.index[i] = core.saves.favorite[i];
}
core.ui.drawSLPanel(core.saves.saveIndex,true);
return;
}
if (keycode == 46) {
@ -1740,10 +1806,14 @@ actions.prototype._keyUpSL = function (keycode) {
core.drawTip("无法删除自动存档！");
}
else {
// core.removeLocalStorage("save"+(5*page+offset));
// core.ui.drawSLPanel(index);
core.removeLocalForage("save" + (5 * page + offset), function () {
core.ui.drawSLPanel(index, true);
var id = 5 * page + offset;
var idx = core.saves.favorite.indexOf(id);
core.saves.favorite.splice(idx,1);
delete core.saves.favName[id];
core.ui._drawSLPanel_saveFav(function(){
core.ui._drawSLPanel_flushIndex();
core.ui.drawSLPanel(index, true)});
}, function () {
core.drawTip("无法删除存档！");
})
@ -1751,6 +1821,7 @@ actions.prototype._keyUpSL = function (keycode) {
}
}
////// 系统设置界面时的点击操作 //////
actions.prototype._clickSwitchs = function (x, y) {
if (x < this.CHOICES_LEFT || x > this.CHOICES_RIGHT) return;

284
libs/ui.js
View File

@ -2047,129 +2047,205 @@ ui.prototype.drawSLPanel = function(index, refresh) {
var page = parseInt(index/10), offset=index%10;
var max_page = main.savePages || 30;
if(core.status.event.data && core.status.event.data.mode=='fav')
max_page = Math.ceil((core.saves.favorite||[]).length/5);
if (page>=max_page) page=max_page - 1;
if (offset>5) offset=5;
index=10*page+offset;
var last_page = -1;
var mode = 'all';
if (core.isset(core.status.event.data)) {
last_page = parseInt(core.status.event.data/10);
//last_page = parseInt(core.status.event.data/10);
last_page = core.status.event.data.page;
mode = core.status.event.data.mode;
}
core.status.event.data=index;
core.status.event.data={
'page':page,
'offset':offset,
'mode':mode
};
if (!core.isset(core.status.event.ui))
core.status.event.ui = [];
var u=416/6, size=118;
var strokeColor = '#FFD700';
if (core.status.event.selection) strokeColor = '#FF6A6A';
var globalFont = (core.status.globalAttribute||core.initStatus.globalAttribute).font;
var drawBg = function() {
core.clearMap('ui');
core.setAlpha('ui', 0.85);
core.fillRect('ui', 0, 0, 416, 416, '#000000');
core.setAlpha('ui', 1);
core.ui.drawPagination(page+1, max_page, 12);
core.setTextAlign('ui', 'center');
// 退出
core.fillText('ui', '返回游戏', 370, 403,'#DDDDDD', 'bold 15px '+globalFont);
if (core.status.event.selection)
core.setFillStyle('ui', '#FF6A6A');
if (core.status.event.id=='save')
core.fillText('ui', '删除模式', 48, 403);
else
core.fillText('ui', '输入编号', 48, 403);
}
var draw = function (data, i) {
var name=core.status.event.id=='save'?"存档":core.status.event.id=='load'?"读档":core.status.event.id=='replayLoad'?"回放":"";
core.status.event.ui[i] = data;
var id=5*page+i;
if (i<3) {
core.fillText('ui', i==0?"自动存档":name+id, (2*i+1)*u, 30, '#FFFFFF', "bold 17px "+globalFont);
core.strokeRect('ui', (2*i+1)*u-size/2, 45, size, size, i==offset?strokeColor:'#FFFFFF', i==offset?6:2);
if (core.isset(data) && core.isset(data.floorId)) {
core.drawThumbnail(data.floorId, core.maps.loadMap(data.maps, data.floorId).blocks, {
heroLoc: data.hero.loc, heroIcon: data.hero.flags.heroIcon, flags: data.hero.flags
}, {
ctx: 'ui', x: (2*i+1)*u-size/2, y: 45, size: size, centerX: data.hero.loc.x, centerY: data.hero.loc.y
});
var v = core.formatBigNumber(data.hero.hp,true)+"/"+core.formatBigNumber(data.hero.atk,true)+"/"+core.formatBigNumber(data.hero.def,true);
var v2 = "/"+core.formatBigNumber(data.hero.mdef,true);
if (v.length+v2.length<=21) v+=v2;
core.fillText('ui', v, (2*i+1)*u, 60+size, '#FFD700', '10px '+globalFont);
core.fillText('ui', core.formatDate(new Date(data.time)), (2*i+1)*u, 73+size, data.hero.flags.__consoleOpened__?'#FF6A6A':'#FFFFFF');
}
else {
core.fillRect('ui', (2*i+1)*u-size/2, 45, size, size, '#333333', 2);
core.fillText('ui', '空', (2*i+1)*u, 112, '#FFFFFF', 'bold 30px '+globalFont);
}
}
else {
core.fillText('ui', name+id, (2*i-5)*u, 218, '#FFFFFF', "bold 17px "+globalFont);
core.strokeRect('ui', (2*i-5)*u-size/2, 233, size, size, i==offset?strokeColor:'#FFFFFF', i==offset?6:2);
if (core.isset(data) && core.isset(data.floorId)) {
core.drawThumbnail(data.floorId, core.maps.loadMap(data.maps, data.floorId).blocks, {
heroLoc: data.hero.loc, heroIcon: data.hero.flags.heroIcon, flags: data.hero.flags
}, {
ctx: 'ui', x: (2*i-5)*u-size/2, y: 233, size: size, centerX: data.hero.loc.x, centerY: data.hero.loc.y
});
var v = core.formatBigNumber(data.hero.hp,true)+"/"+core.formatBigNumber(data.hero.atk,true)+"/"+core.formatBigNumber(data.hero.def,true);
var v2 = "/"+core.formatBigNumber(data.hero.mdef,true);
if (v.length+v2.length<=21) v+=v2;
core.fillText('ui', v, (2*i-5)*u, 248+size, '#FFD700', '10px '+globalFont);
core.fillText('ui', core.formatDate(new Date(data.time)), (2*i-5)*u, 261+size, data.hero.flags.__consoleOpened__?'#FF6A6A':'#FFFFFF', '10px '+globalFont);
}
else {
core.fillRect('ui', (2*i-5)*u-size/2, 233, size, size, '#333333', 2);
core.fillText('ui', '空', (2*i-5)*u, 297, '#FFFFFF', 'bold 30px '+globalFont);
}
}
};
function loadSave(i, callback) {
if (i==6) {
callback();
return;
}
if (i==0) {
if (core.saves.autosave.data!=null) {
core.status.event.ui[i] = core.saves.autosave.data;
loadSave(1, callback);
}
else {
core.getLocalForage("autoSave", null, function(data) {
core.saves.autosave.data = data;
core.status.event.ui[i]=data;
loadSave(i+1, callback);
}, function(err) {main.log(err);});
}
}
else {
core.getLocalForage("save"+(5*page+i), null, function(data) {
core.status.event.ui[i]=data;
loadSave(i+1, callback);
}, function(err) {main.log(err);});
}
}
function drawAll() {
drawBg();
for (var i=0;i<6;i++)
draw(core.status.event.ui[i], i);
core.ui._drawSLPanel_drawBg(page,max_page);
core.ui._drawSLPanel_drawNRecords(6);
}
if (refresh || page!=last_page) {
core.status.event.ui = [];
loadSave(0, drawAll);
this._drawSLPanel_loadFav(
function(){
core.ui._drawSLPanel_loadSave(page, 0, drawAll);
}
);
}
else drawAll();
}
// 存档读档的背景 页码
ui.prototype._drawSLPanel_drawBg = function(page, max_page) {
core.clearMap('ui');
core.setAlpha('ui', 0.85);
core.fillRect('ui', 0, 0, this.PIXEL, this.PIXEL, '#000000');//可改成背景图图
core.setAlpha('ui', 1);
var globalFont = (core.status.globalAttribute||core.initStatus.globalAttribute).font;
core.ui.drawPagination(page+1, max_page, null);
core.setTextAlign('ui', 'center');
// 退出
//core.fillText('ui', '返回游戏', 370, 403,'#DDDDDD', 'bold 15px '+globalFont);
var bottom = this.PIXEL-13;
core.fillText('ui', '返回游戏', this.PIXEL-48, bottom,'#DDDDDD', 'bold 15px '+globalFont);
if (core.status.event.selection)
core.setFillStyle('ui', '#FF6A6A');
if (core.status.event.id=='save')
core.fillText('ui', '删除模式', 48, bottom);
else{
if(core.status.event.data.mode=='all'){
core.fillText('ui', '[E]显示收藏', 48, bottom);
}else{
core.fillText('ui', '[E]显示全部', 48, bottom);
}
}
}
ui.prototype._drawSLPanel_flushIndex = function(){
core.saves.favIndex = {};
for(var i in core.saves.favorite){
core.saves.favIndex[parseInt(i)+1]=core.saves.favorite[i];
}
}
// 读取收藏信息到core.saves.favorite中
ui.prototype._drawSLPanel_loadFav = function(callback){
if(!core.saves.favorite || !core.saves.favName){
core.getLocalForage("favorite", null, function(data) {
core.saves.favorite = data || [];
core.ui._drawSLPanel_flushIndex();
core.getLocalForage("favName", null, function(data) {
core.saves.favName = data || {};
callback();
})});
}else{
callback();
}
}
// 写入收藏信息 | 收藏信息包括收藏id列表favorite、id到收藏名的映射favName
ui.prototype._drawSLPanel_saveFav = function(callback){
if(!core.saves.favorite){
core.saves.favorite = [];
core.saves.favName = {};
}
core.setLocalForage("favorite", core.saves.favorite,
function(){
core.setLocalForage("favName", core.saves.favName,callback)
});
}
// TODO:递归改并发 | 读取page页的i号存档数据到ui数组中
ui.prototype._drawSLPanel_loadSave = function(page, i, callback) {
if (i==6) {
callback();
return;
}
if (i==0) {
if (core.saves.autosave.data!=null) {
core.status.event.ui[i] = core.saves.autosave.data;
core.ui._drawSLPanel_loadSave(page, 1, callback);
}
else {
core.getLocalForage("autoSave", null, function(data) {
core.saves.autosave.data = data;
core.status.event.ui[i]=data;
core.ui._drawSLPanel_loadSave(page, i+1, callback);
}, function(err) {main.log(err);});
}
}
else {
var id = 5*page+i;
if(core.status.event.data.mode=='fav'){
id = core.saves.favorite[id-1];//因为favorite第一个不是自动存档 所以要偏移1
}
core.getLocalForage("save"+id, null, function(data) {
core.status.event.ui[i]=data;
core.ui._drawSLPanel_loadSave(page, i+1, callback);
}, function(err) {main.log(err);});
}
}
// 在以x为中心轴 y为顶坐标 的位置绘制一条宽为size的记录 cho表示是否被选中 选中会加粗 highlight表示高亮标题 ✐
ui.prototype._drawSLPanel_drawRecord = function(title, data, x, y, size, cho, highLight){
var globalFont = (core.status.globalAttribute||core.initStatus.globalAttribute).font;
var strokeColor = '#FFD700';
if (core.status.event.selection) strokeColor = '#FF6A6A';
if (!core.isset(data) || !core.isset(data.floorId)) { //存在数据时才高亮
highLight = false;
}
core.fillText('ui', title, x, y, highLight?'#FFD700':'#FFFFFF', this._buildFont(17))//"bold 17px "+globalFont);//名字
core.strokeRect('ui', x-size/2, y+15, size, size, cho?strokeColor:'#FFFFFF', cho?6:2);
if (core.isset(data) && core.isset(data.floorId)) {
core.drawThumbnail(data.floorId, core.maps.loadMap(data.maps, data.floorId).blocks, {
heroLoc: data.hero.loc, heroIcon: data.hero.flags.heroIcon, flags: data.hero.flags
}, {
ctx: 'ui', x: x-size/2, y: y+15, size: size, centerX: data.hero.loc.x, centerY: data.hero.loc.y
});
var v = core.formatBigNumber(data.hero.hp,true)+"/"+core.formatBigNumber(data.hero.atk,true)+"/"+core.formatBigNumber(data.hero.def,true);
var v2 = "/"+core.formatBigNumber(data.hero.mdef,true);
if (v.length+v2.length<=21) v+=v2;
core.fillText('ui', v, x, y+30+size, '#FFD700', this._buildFont(10));
core.fillText('ui', core.formatDate(new Date(data.time)), x, y+43+size, data.hero.flags.__consoleOpened__?'#FF6A6A':'#FFFFFF', this._buildFont(10));//'10px '+globalFont);
}
else {
core.fillRect('ui', x-size/2, y+15, size, size, '#333333', 2);
core.fillText('ui', '空', x, parseInt(y+15+size/2), '#FFFFFF', this._buildFont(30))//'bold 30px '+globalFont);
}
}
// 绘制n条记录到画板
ui.prototype._drawSLPanel_drawNRecords = function (n)
{
var page = core.status.event.data.page;//Math.floor(core.status.event.data/10);
var offset = core.status.event.data.offset;//core.status.event.data%10;
var u = Math.floor(this.PIXEL/6), size = Math.floor(this.PIXEL/3-20);//118
for (var i=0;i<n;i++){
var name=core.status.event.id=='save'?"存档":core.status.event.id=='load'?"读档":core.status.event.id=='replayLoad'?"回放":"";
var data = core.status.event.ui[i];
var id=5*page+i;
var title = "";//name+id;
var highLight = core.saves.favorite.indexOf(id)>=0 || core.status.event.data.mode=='fav';
if(highLight)title = '★ ' + title
else title = '☆ ' + title;
var fid = id;
if(core.status.event.data.mode=='fav' && i!=0){//收藏模式下显示修改符号以及自己标识的名字
fid = core.saves.favIndex[id];
if(!data && i>0){
continue;
}
// name = core.saves.favName[fid] ? core.status.event.id=='save'?"S:":core.status.event.id=='load'?"L:":core.status.event.id=='replayLoad'?"re:":"" : name;
title = name + (core.saves.favName[fid]||fid) + '✐';
}else{
// name = core.saves.favName[fid] ? core.status.event.id=='save'?"S:":core.status.event.id=='load'?"L:":core.status.event.id=='replayLoad'?"re:":"" : name;
title += name + (core.saves.favName[fid]||fid);
}
var charSize = 32;// 字体占用像素范围
var topSpan = parseInt((this.PIXEL-charSize-2*(charSize*2 + size))/3);// Margin
var yTop1 = topSpan+parseInt(charSize/2);//文字的中心
var yTop2 = yTop1+charSize*2+size+topSpan;
if (i<3) {
this._drawSLPanel_drawRecord(i==0?"自动存档":title, data, (2*i+1)*u, yTop1, size, i==offset, highLight);
}
else {
this._drawSLPanel_drawRecord(title, data, (2*i-5)*u, yTop2, size, i==offset, highLight);
}
}
};
ui.prototype.drawKeyBoard = function () {
core.lockControl();
core.status.event.id = 'keyBoard';