diff --git a/toolBar1.md b/toolBar1.md
new file mode 100644
index 00000000..374b4156
--- /dev/null
+++ b/toolBar1.md
@@ -0,0 +1,292 @@
+ 'icons': {
+ 'floor': 0,
+ 'name': null,
+ 'lv': 1,
+ 'hpmax': 2,
+ 'hp': 3,
+ 'atk': 4,
+ 'def': 5,
+ 'mdef': 6,
+ 'money': 7,
+ 'exp': 8,
+ 'up': 9,
+ 'book': 10,
+ 'fly': 11,
+ 'toolbox': 12,
+ 'keyboard': 13,
+ 'shop': 14,
+ 'save': 15,
+ 'load': 16,
+ 'settings': 17,
+ 'play': 18,
+ 'pause': 19,
+ 'stop': 20,
+ 'speedDown': 21,
+ 'speedUp': 22,
+ 'rewind': 23,
+ 'equipbox': 24,
+ 'mana': 25,
+ 'skill': 26,
+ 'btn1': 27,
+ 'btn2': 28,
+ 'btn3': 29,
+ 'btn4': 30,
+ 'btn5': 31,
+ 'btn6': 32,
+ 'btn7': 33,
+ 'btn8': 34
+ },
+
+ ```html
+
+ ```
+
+```js
+control.prototype._resize_toolBar = function (obj) {
+ // toolBar console.log(obj);
+ var toolBar = core.dom.toolBar;
+ if (core.domStyle.isVertical) {
+ toolBar.style.left = 0;
+ toolBar.style.right = "";
+ toolBar.style.width = obj.outerSize + "px";
+ toolBar.style.top = obj.statusBarHeightInVertical + obj.outerSize + "px";
+ toolBar.style.height = obj.toolbarHeightInVertical + "px";
+ toolBar.style.background = obj.globalAttribute.toolsBackground;
+ }
+ else {
+ if (obj.extendToolbar) {
+ toolBar.style.left = "";
+ toolBar.style.right = 0;
+ toolBar.style.width = obj.outerSize + "px";
+ toolBar.style.top = obj.outerSize + "px";
+ toolBar.style.height = obj.TOOLBAR_HEIGHT * core.domStyle.scale + obj.BORDER + "px";
+ toolBar.style.background = obj.globalAttribute.toolsBackground;
+ } else {
+ toolBar.style.left = 0;
+ toolBar.style.right = "";
+ toolBar.style.width = obj.BAR_WIDTH * core.domStyle.scale + obj.BORDER + "px";
+ toolBar.style.top = 0.718 * obj.outerSize + "px";
+ toolBar.style.height = 0.281 * obj.outerSize + "px";
+ toolBar.style.background = 'transparent';
+ }
+ }
+ toolBar.style.borderLeft = obj.border;
+ toolBar.style.borderRight = toolBar.style.borderBottom = core.domStyle.isVertical || obj.extendToolbar ? obj.border : '';
+ toolBar.style.fontSize = 16 * core.domStyle.scale + "px";
+
+ if (!core.domStyle.showStatusBar && !core.domStyle.isVertical && !obj.extendToolbar) {
+ toolBar.style.display = 'none';
+ } else {
+ toolBar.style.display = 'block';
+ }
+}
+```
+目测为控制toolBar形状的关键函数！
+resize函数很关键
+```js
+control.prototype.resize = function () {
+ if (main.mode == 'editor') return;
+ var clientWidth = main.dom.body.clientWidth, clientHeight = main.dom.body.clientHeight;
+ var CANVAS_WIDTH = core.__PIXELS__, BAR_WIDTH = Math.round(core.__PIXELS__ * 0.31);
+ var BORDER = 3;
+ var extendToolbar = core.flags.extendToolbar;
+
+ var horizontalMaxRatio = (clientHeight - 2 * BORDER - (extendToolbar ? BORDER : 0)) / (CANVAS_WIDTH + (extendToolbar ? 38 : 0));
+
+ if (clientWidth - 3 * BORDER >= CANVAS_WIDTH + BAR_WIDTH || (clientWidth > clientHeight && horizontalMaxRatio < 1)) {
+ // 横屏
+ core.domStyle.isVertical = false;
+
+ core.domStyle.availableScale = [];
+ [1, 1.25, 1.5, 1.75, 2, 2.25, 2.5].forEach(function (v) {
+ if (clientWidth - 3 * BORDER >= v * (CANVAS_WIDTH + BAR_WIDTH) && horizontalMaxRatio >= v) {
+ core.domStyle.availableScale.push(v);
+ }
+ });
+ if (core.domStyle.availableScale.indexOf(core.domStyle.scale) < 0) {
+ core.domStyle.scale = Math.min(1, horizontalMaxRatio);
+ }
+ }
+ else {
+ // 竖屏
+ core.domStyle.isVertical = true;
+ core.domStyle.scale = Math.min((clientWidth - 2 * BORDER) / CANVAS_WIDTH);
+ core.domStyle.availableScale = [];
+ extendToolbar = false;
+ }
+
+ var statusDisplayArr = this._shouldDisplayStatus(), count = statusDisplayArr.length;
+ var statusCanvas = core.flags.statusCanvas, statusCanvasRows = core.values.statusCanvasRowsOnMobile || 3;
+ var col = statusCanvas ? statusCanvasRows : Math.ceil(count / 3);
+ if (col > 5) {
+ if (statusCanvas) alert("自绘状态栏的在竖屏下的行数应不超过5！");
+ else alert("当前状态栏数目(" + count + ")大于15，请调整到不超过15以避免手机端出现显示问题。");
+ }
+ var globalAttribute = core.status.globalAttribute || core.initStatus.globalAttribute;
+
+ var obj = {
+ clientWidth: clientWidth,
+ clientHeight: clientHeight,
+ CANVAS_WIDTH: CANVAS_WIDTH,
+ BORDER: BORDER,
+ BAR_WIDTH: BAR_WIDTH,
+ TOOLBAR_HEIGHT: 38,
+ outerSize: CANVAS_WIDTH * core.domStyle.scale + 2 * BORDER,
+ globalAttribute: globalAttribute,
+ border: '3px ' + core.arrayToRGBA(globalAttribute.borderColor) + ' solid',
+ statusDisplayArr: statusDisplayArr,
+ count: count,
+ col: col,
+ statusBarHeightInVertical: core.domStyle.isVertical ? (32 * col + 6) * core.domStyle.scale + 2 * BORDER : 0,
+ toolbarHeightInVertical: core.domStyle.isVertical ? 38 * core.domStyle.scale + 2 * BORDER : 0,
+ extendToolbar: extendToolbar,
+ is15x15: core.__SIZE__ == 15
+ };
+
+ this._doResize(obj);
+ this.setToolbarButton();
+ core.updateStatusBar();
+}
+```
+
+```js
+////// 工具栏界面时的点击操作 //////
+actions.prototype._clickToolbox
+
+```
+疑似看的是event.id 神人设计
+
+尝试修改，改动总结
+```js
+// # main.js
+ this.statusBar = {
+ 'image': {
+ 'floor': document.getElementById('img-floor'),
+ 'name': document.getElementById('img-name'),
+ 'lv': document.getElementById('img-lv'),
+ 'hpmax': document.getElementById('img-hpmax'),
+ 'hp': document.getElementById("img-hp"),
+ 'mana': document.getElementById("img-mana"),
+ 'atk': document.getElementById("img-atk"),
+ 'def': document.getElementById("img-def"),
+ 'mdef': document.getElementById("img-mdef"),
+ 'money': document.getElementById("img-money"),
+ 'exp': document.getElementById("img-exp"),
+ 'up': document.getElementById("img-up"),
+ 'skill': document.getElementById('img-skill'),
+ 'book': document.getElementById("img-book"),
+ 'fly': document.getElementById("img-fly"),
+ 'toolbox': document.getElementById("img-toolbox"),
+ 'keyboard': document.getElementById("img-keyboard"),
+ 'shop': document.getElementById('img-shop'),
+ 'save': document.getElementById("img-save"),
+ 'load': document.getElementById("img-load"),
+ 'settings': document.getElementById("img-settings"),
+ 'btn1': document.getElementById("img-btn1"),
+ 'btn2': document.getElementById("img-btn2"),
+ 'btn3': document.getElementById("img-btn3"),
+ 'btn4': document.getElementById("img-btn4"),
+ 'btn5': document.getElementById("img-btn5"),
+ 'btn6': document.getElementById("img-btn6"),
+ 'btn7': document.getElementById("img-btn7"),
+ 'btn8': document.getElementById("img-btn8"),
+ 'slime': document.getElementById('img-slime'), // 增加
+ },
+ //... this.statsBar.image中添加slime
+
+ 'icons': {
+ 'floor': 0,
+ 'name': null,
+ 'lv': 1,
+ 'hpmax': 2,
+ 'hp': 3,
+ 'atk': 4,
+ 'def': 5,
+ 'mdef': 6,
+ 'money': 7,
+ 'exp': 8,
+ 'up': 9,
+ 'book': 10,
+ 'fly': 11,
+ 'toolbox': 12,
+ 'keyboard': 13,
+ 'shop': 14,
+ 'save': 15,
+ 'load': 16,
+ 'settings': 17,
+ 'play': 18,
+ 'pause': 19,
+ 'stop': 20,
+ 'speedDown': 21,
+ 'speedUp': 22,
+ 'rewind': 23,
+ 'equipbox': 24,
+ 'mana': 25,
+ 'skill': 26,
+ 'btn1': 27,
+ 'btn2': 28,
+ 'btn3': 29,
+ 'btn4': 30,
+ 'btn5': 31,
+ 'btn6': 32,
+ 'btn7': 33,
+ 'btn8': 34,
+ 'slime': 35, // 增加
+ },
+ //... this.statsBar.icon中添加slime 会自动采用该列第35个图片作为相应的icon
+ }
+
+ main.statusBar.image.slime.onclick = function (e) {
+ e.stopPropagation();
+ console.log(1);
+ };
+ //... 添加slime的点击事件
+```
+
+
+那么元素img-slime从哪来呢？
+答案是index.html
+```js
+
+```
+
+controls中的函数_updateStatusBar_setToolboxIcon也很重要，该函数调控进/出录像模式的图标变化
+setToolbarButton 改变工具栏为按钮1-8
\ No newline at end of file