toolbar 8 buttons
This commit is contained in:
parent
55bd1edf6d
commit
3d44412491
@ -442,6 +442,7 @@
|
|||||||
<img class="tools" id='img-fly'>
|
<img class="tools" id='img-fly'>
|
||||||
<img class="tools" id='img-toolbox'>
|
<img class="tools" id='img-toolbox'>
|
||||||
<img class="tools" id='img-keyboard'>
|
<img class="tools" id='img-keyboard'>
|
||||||
|
<img class="tools" id='img-shop'>
|
||||||
<img class="tools" id='img-save'>
|
<img class="tools" id='img-save'>
|
||||||
<img class="tools" id='img-load'>
|
<img class="tools" id='img-load'>
|
||||||
<img class="tools" id='img-settings'>
|
<img class="tools" id='img-settings'>
|
||||||
@ -452,6 +453,7 @@
|
|||||||
<img class="tools" id='img-btn5' style='display:none'>
|
<img class="tools" id='img-btn5' style='display:none'>
|
||||||
<img class="tools" id='img-btn6' style='display:none'>
|
<img class="tools" id='img-btn6' style='display:none'>
|
||||||
<img class="tools" id='img-btn7' style='display:none'>
|
<img class="tools" id='img-btn7' style='display:none'>
|
||||||
|
<img class="tools" id='img-btn8' style='display:none'>
|
||||||
<p class="statusLabel tools" id="hard"></p>
|
<p class="statusLabel tools" id="hard"></p>
|
||||||
</div>
|
</div>
|
||||||
<div id="gameDraw">
|
<div id="gameDraw">
|
||||||
|
|||||||
@ -425,6 +425,7 @@
|
|||||||
<img class="tools" id='img-fly'>
|
<img class="tools" id='img-fly'>
|
||||||
<img class="tools" id='img-toolbox'>
|
<img class="tools" id='img-toolbox'>
|
||||||
<img class="tools" id='img-keyboard'>
|
<img class="tools" id='img-keyboard'>
|
||||||
|
<img class="tools" id='img-shop'>
|
||||||
<img class="tools" id='img-save'>
|
<img class="tools" id='img-save'>
|
||||||
<img class="tools" id='img-load'>
|
<img class="tools" id='img-load'>
|
||||||
<img class="tools" id='img-settings'>
|
<img class="tools" id='img-settings'>
|
||||||
@ -435,6 +436,7 @@
|
|||||||
<img class="tools" id='img-btn5' style='display:none'>
|
<img class="tools" id='img-btn5' style='display:none'>
|
||||||
<img class="tools" id='img-btn6' style='display:none'>
|
<img class="tools" id='img-btn6' style='display:none'>
|
||||||
<img class="tools" id='img-btn7' style='display:none'>
|
<img class="tools" id='img-btn7' style='display:none'>
|
||||||
|
<img class="tools" id='img-btn8' style='display:none'>
|
||||||
<p class="statusLabel tools" id="hard"></p>
|
<p class="statusLabel tools" id="hard"></p>
|
||||||
</div>
|
</div>
|
||||||
<div id="gameDraw">
|
<div id="gameDraw">
|
||||||
|
|||||||
@ -119,6 +119,7 @@
|
|||||||
<img class="tools" id='img-fly'>
|
<img class="tools" id='img-fly'>
|
||||||
<img class="tools" id='img-toolbox'>
|
<img class="tools" id='img-toolbox'>
|
||||||
<img class="tools" id='img-keyboard'>
|
<img class="tools" id='img-keyboard'>
|
||||||
|
<img class="tools" id='img-shop'>
|
||||||
<img class="tools" id='img-save'>
|
<img class="tools" id='img-save'>
|
||||||
<img class="tools" id='img-load'>
|
<img class="tools" id='img-load'>
|
||||||
<img class="tools" id='img-settings'>
|
<img class="tools" id='img-settings'>
|
||||||
@ -129,6 +130,7 @@
|
|||||||
<img class="tools" id='img-btn5' style='display:none'>
|
<img class="tools" id='img-btn5' style='display:none'>
|
||||||
<img class="tools" id='img-btn6' style='display:none'>
|
<img class="tools" id='img-btn6' style='display:none'>
|
||||||
<img class="tools" id='img-btn7' style='display:none'>
|
<img class="tools" id='img-btn7' style='display:none'>
|
||||||
|
<img class="tools" id='img-btn8' style='display:none'>
|
||||||
<p class="statusLabel tools" id="hard"></p>
|
<p class="statusLabel tools" id="hard"></p>
|
||||||
</div>
|
</div>
|
||||||
<div id="gameDraw">
|
<div id="gameDraw">
|
||||||
|
|||||||
@ -2746,6 +2746,7 @@ actions.prototype.exitPaint = function () {
|
|||||||
core.deleteCanvas('paint');
|
core.deleteCanvas('paint');
|
||||||
core.ui.closePanel();
|
core.ui.closePanel();
|
||||||
core.statusBar.image.keyboard.style.opacity = 1;
|
core.statusBar.image.keyboard.style.opacity = 1;
|
||||||
|
core.statusBar.image.shop.style.opacity = 1;
|
||||||
core.updateStatusBar();
|
core.updateStatusBar();
|
||||||
core.drawTip("退出绘图模式");
|
core.drawTip("退出绘图模式");
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2056,16 +2056,9 @@ control.prototype.openQuickShop = function (need) {
|
|||||||
control.prototype.openKeyBoard = function (need) {
|
control.prototype.openKeyBoard = function (need) {
|
||||||
if (core.isReplaying()) return;
|
if (core.isReplaying()) return;
|
||||||
|
|
||||||
if (core.platform.extendKeyboard) {
|
|
||||||
if (!core.checkStatus('keyBoard', need))
|
if (!core.checkStatus('keyBoard', need))
|
||||||
return;
|
return;
|
||||||
core.ui.drawKeyBoard();
|
core.ui.drawKeyBoard();
|
||||||
}
|
|
||||||
else {
|
|
||||||
if (!core.checkStatus('selectShop', need))
|
|
||||||
return;
|
|
||||||
core.ui.drawQuickShop();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
////// 点击保存按钮时的打开操作 //////
|
////// 点击保存按钮时的打开操作 //////
|
||||||
@ -2729,6 +2722,7 @@ control.prototype.updateStatusBar = function () {
|
|||||||
core.statusBar.image.toolbox.src = core.statusBar.icons.rewind.src;
|
core.statusBar.image.toolbox.src = core.statusBar.icons.rewind.src;
|
||||||
|
|
||||||
core.statusBar.image.keyboard.src = core.statusBar.icons.book.src;
|
core.statusBar.image.keyboard.src = core.statusBar.icons.book.src;
|
||||||
|
core.statusBar.image.shop.style.opacity = 0;
|
||||||
|
|
||||||
core.statusBar.image.save.src = core.statusBar.icons.speedDown.src;
|
core.statusBar.image.save.src = core.statusBar.icons.speedDown.src;
|
||||||
|
|
||||||
@ -2752,8 +2746,8 @@ control.prototype.updateStatusBar = function () {
|
|||||||
|
|
||||||
core.statusBar.image.toolbox.src = core.statusBar.icons.toolbox.src;
|
core.statusBar.image.toolbox.src = core.statusBar.icons.toolbox.src;
|
||||||
|
|
||||||
core.statusBar.image.keyboard.src =
|
core.statusBar.image.keyboard.src = core.statusBar.icons.keyboard.src;
|
||||||
core.platform.extendKeyboard ? core.statusBar.icons.keyboard.src : core.statusBar.icons.shop.src;
|
core.statusBar.image.shop.style.opacity = 1;
|
||||||
|
|
||||||
core.statusBar.image.save.src = core.statusBar.icons.save.src;
|
core.statusBar.image.save.src = core.statusBar.icons.save.src;
|
||||||
|
|
||||||
@ -2890,21 +2884,23 @@ control.prototype.setToolbarButton = function (useButton) {
|
|||||||
|
|
||||||
core.domStyle.toolbarBtn = useButton;
|
core.domStyle.toolbarBtn = useButton;
|
||||||
if (useButton) {
|
if (useButton) {
|
||||||
["book","fly","toolbox","keyboard","save","load","settings"].forEach(function (t) {
|
["book","fly","toolbox","keyboard","shop","save","load","settings"].forEach(function (t) {
|
||||||
core.statusBar.image[t].style.display = 'none';
|
core.statusBar.image[t].style.display = 'none';
|
||||||
});
|
});
|
||||||
["btn1","btn2","btn3","btn4","btn5","btn6","btn7"].forEach(function (t) {
|
["btn1","btn2","btn3","btn4","btn5","btn6","btn7","btn8"].forEach(function (t) {
|
||||||
core.statusBar.image[t].style.display = 'block';
|
core.statusBar.image[t].style.display = 'block';
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
["btn1","btn2","btn3","btn4","btn5","btn6","btn7"].forEach(function (t) {
|
["btn1","btn2","btn3","btn4","btn5","btn6","btn7","btn8"].forEach(function (t) {
|
||||||
core.statusBar.image[t].style.display = 'none';
|
core.statusBar.image[t].style.display = 'none';
|
||||||
});
|
});
|
||||||
["book","fly","toolbox","keyboard","save","load","settings"].forEach(function (t) {
|
["book","fly","toolbox","save","load","settings"].forEach(function (t) {
|
||||||
core.statusBar.image[t].style.display = 'block';
|
core.statusBar.image[t].style.display = 'block';
|
||||||
});
|
});
|
||||||
core.statusBar.image.keyboard.style.display = core.domStyle.isVertical ? "block":"none";
|
core.statusBar.image.keyboard.style.display
|
||||||
|
= core.statusBar.image.shop.style.display
|
||||||
|
= core.domStyle.isVertical ? "block":"none";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3033,13 +3029,13 @@ control.prototype.resize = function(clientWidth, clientHeight) {
|
|||||||
|
|
||||||
toolBarTop = statusBarHeight + canvasWidth;
|
toolBarTop = statusBarHeight + canvasWidth;
|
||||||
toolBarBorder = '3px '+borderColor+' solid';
|
toolBarBorder = '3px '+borderColor+' solid';
|
||||||
toolsHeight = scale * BASE_LINEHEIGHT;
|
toolsHeight = scale * BASE_LINEHEIGHT * 0.95;
|
||||||
toolsPMaxwidth = scale * DEFAULT_BAR_WIDTH * .4;
|
toolsPMaxwidth = scale * DEFAULT_BAR_WIDTH * .4;
|
||||||
toolsBackground = (core.status.globalAttribute||core.initStatus.globalAttribute).toolsBackground;
|
toolsBackground = (core.status.globalAttribute||core.initStatus.globalAttribute).toolsBackground;
|
||||||
borderRight = '3px '+borderColor+' solid';
|
borderRight = '3px '+borderColor+' solid';
|
||||||
|
|
||||||
margin = scale * SPACE * 2;
|
margin = scale * SPACE * 2;
|
||||||
toolsMargin = scale * SPACE * 4;
|
toolsMargin = scale * SPACE * 3;
|
||||||
fontSize = DEFAULT_FONT_SIZE * scale;
|
fontSize = DEFAULT_FONT_SIZE * scale;
|
||||||
toolbarFontSize = DEFAULT_FONT_SIZE * scale;
|
toolbarFontSize = DEFAULT_FONT_SIZE * scale;
|
||||||
musicBtnRight = 3;
|
musicBtnRight = 3;
|
||||||
|
|||||||
@ -2836,6 +2836,7 @@ ui.prototype.drawPaint = function () {
|
|||||||
core.setStrokeStyle('paint', '#FF0000');
|
core.setStrokeStyle('paint', '#FF0000');
|
||||||
|
|
||||||
core.statusBar.image.keyboard.style.opacity = 0;
|
core.statusBar.image.keyboard.style.opacity = 0;
|
||||||
|
core.statusBar.image.shop.style.opacity = 0;
|
||||||
|
|
||||||
core.statusBar.image.book.src = core.statusBar.icons.paint.src;
|
core.statusBar.image.book.src = core.statusBar.icons.paint.src;
|
||||||
core.statusBar.image.fly.src = core.statusBar.icons.erase.src;
|
core.statusBar.image.fly.src = core.statusBar.icons.erase.src;
|
||||||
|
|||||||
66
main.js
66
main.js
@ -100,6 +100,7 @@ function main() {
|
|||||||
'fly': document.getElementById("img-fly"),
|
'fly': document.getElementById("img-fly"),
|
||||||
'toolbox': document.getElementById("img-toolbox"),
|
'toolbox': document.getElementById("img-toolbox"),
|
||||||
'keyboard': document.getElementById("img-keyboard"),
|
'keyboard': document.getElementById("img-keyboard"),
|
||||||
|
'shop': document.getElementById('img-shop'),
|
||||||
'save': document.getElementById("img-save"),
|
'save': document.getElementById("img-save"),
|
||||||
'load': document.getElementById("img-load"),
|
'load': document.getElementById("img-load"),
|
||||||
'settings': document.getElementById("img-settings"),
|
'settings': document.getElementById("img-settings"),
|
||||||
@ -109,7 +110,8 @@ function main() {
|
|||||||
'btn4': document.getElementById("img-btn4"),
|
'btn4': document.getElementById("img-btn4"),
|
||||||
'btn5': document.getElementById("img-btn5"),
|
'btn5': document.getElementById("img-btn5"),
|
||||||
'btn6': document.getElementById("img-btn6"),
|
'btn6': document.getElementById("img-btn6"),
|
||||||
'btn7': document.getElementById("img-btn7")
|
'btn7': document.getElementById("img-btn7"),
|
||||||
|
'btn8': document.getElementById("img-btn8"),
|
||||||
},
|
},
|
||||||
'icons': {
|
'icons': {
|
||||||
'floor': 0,
|
'floor': 0,
|
||||||
@ -127,30 +129,31 @@ function main() {
|
|||||||
'fly': 11,
|
'fly': 11,
|
||||||
'toolbox': 12,
|
'toolbox': 12,
|
||||||
'keyboard': 13,
|
'keyboard': 13,
|
||||||
'save': 14,
|
'shop': 14,
|
||||||
'load': 15,
|
'save': 15,
|
||||||
'settings': 16,
|
'load': 16,
|
||||||
'play': 17,
|
'settings': 17,
|
||||||
'pause': 18,
|
'play': 18,
|
||||||
'stop': 19,
|
'pause': 19,
|
||||||
'speedDown': 20,
|
'stop': 20,
|
||||||
'speedUp': 21,
|
'speedDown': 21,
|
||||||
'rewind': 22,
|
'speedUp': 22,
|
||||||
'equipbox': 23,
|
'rewind': 23,
|
||||||
'mana': 24,
|
'equipbox': 24,
|
||||||
'skill': 25,
|
'mana': 25,
|
||||||
'paint': 26,
|
'skill': 26,
|
||||||
'erase': 27,
|
'paint': 27,
|
||||||
'empty': 28,
|
'erase': 28,
|
||||||
'exit': 29,
|
'empty': 29,
|
||||||
'btn1': 30,
|
'exit': 30,
|
||||||
'btn2': 31,
|
'btn1': 31,
|
||||||
'btn3': 32,
|
'btn2': 32,
|
||||||
'btn4': 33,
|
'btn3': 33,
|
||||||
'btn5': 34,
|
'btn4': 34,
|
||||||
'btn6': 35,
|
'btn5': 35,
|
||||||
'btn7': 36,
|
'btn6': 36,
|
||||||
'shop': 37
|
'btn7': 37,
|
||||||
|
'btn8': 38
|
||||||
},
|
},
|
||||||
'floor': document.getElementById('floor'),
|
'floor': document.getElementById('floor'),
|
||||||
'name': document.getElementById('name'),
|
'name': document.getElementById('name'),
|
||||||
@ -509,6 +512,14 @@ main.statusBar.image.keyboard.onclick = function (e) {
|
|||||||
main.core.openKeyBoard(true);
|
main.core.openKeyBoard(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
////// 点击状态栏中的快捷商店键盘时 //////
|
||||||
|
main.statusBar.image.shop.onclick = function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
|
||||||
|
if (main.core.isPlaying())
|
||||||
|
main.core.openQuickShop(true);
|
||||||
|
}
|
||||||
|
|
||||||
////// 点击状态栏中的存档按钮时 //////
|
////// 点击状态栏中的存档按钮时 //////
|
||||||
main.statusBar.image.save.onclick = function (e) {
|
main.statusBar.image.save.onclick = function (e) {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
@ -606,6 +617,11 @@ main.statusBar.image.btn7.onclick = function (e) {
|
|||||||
main.core.onkeyUp({"keyCode": 55});
|
main.core.onkeyUp({"keyCode": 55});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
main.statusBar.image.btn8.onclick = function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
main.core.onkeyUp({"keyCode": 56});
|
||||||
|
};
|
||||||
|
|
||||||
////// 点击“开始游戏”时 //////
|
////// 点击“开始游戏”时 //////
|
||||||
main.dom.playGame.onclick = function () {
|
main.dom.playGame.onclick = function () {
|
||||||
main.dom.startButtons.style.display='none';
|
main.dom.startButtons.style.display='none';
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
Loading…
Reference in New Issue
Block a user