From 1e48cf4bd6f49b77a530d073c954240cbbc306d0 Mon Sep 17 00:00:00 2001 From: oc Date: Fri, 12 Oct 2018 00:03:29 +0800 Subject: [PATCH 1/3] Name on statusBar --- libs/control.js | 11 +++++------ project/data.js | 2 +- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/libs/control.js b/libs/control.js index 69ce1ce8..a714fc40 100644 --- a/libs/control.js +++ b/libs/control.js @@ -2657,17 +2657,16 @@ control.prototype.updateHeroIcon = function (name) { core.statusBar.icons.name = name; var image = core.material.images.hero; + // 全身图 + var height = core.material.icons.hero.height; + var ratio = 32 / height, width = 32 * ratio, left = 16-width/2; var canvas = document.createElement("canvas"); var context = canvas.getContext("2d"); canvas.width = 32; canvas.height = 32; - context.drawImage(image, 0, 0, 32, 32, 0, 0, 32, 32); - if (core.material.icons.hero.height>=48) { - context.lineWidth = 5; - context.strokeStyle = '#FFFFFF'; - context.strokeRect(0, 0, 32, 32); - } + context.drawImage(image, 0, 0, 32, height, left, 0, width, 32); + core.statusBar.image.name.src = canvas.toDataURL("image/png"); } diff --git a/project/data.js b/project/data.js index e035a504..79a727ac 100644 --- a/project/data.js +++ b/project/data.js @@ -187,7 +187,7 @@ data_a1e2fb4a_e986_4524_b0da_9b7ba7c0874d = }, "flags": { "enableFloor": true, - "enableName": false, + "enableName": true, "enableLv": false, "enableHPMax": false, "enableMDef": true, From 3f2ab29f104af642e0035eb7e7e837fda2c0a8c5 Mon Sep 17 00:00:00 2001 From: oc Date: Fri, 12 Oct 2018 00:03:46 +0800 Subject: [PATCH 2/3] Name on statusBar --- project/data.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/project/data.js b/project/data.js index 79a727ac..e035a504 100644 --- a/project/data.js +++ b/project/data.js @@ -187,7 +187,7 @@ data_a1e2fb4a_e986_4524_b0da_9b7ba7c0874d = }, "flags": { "enableFloor": true, - "enableName": true, + "enableName": false, "enableLv": false, "enableHPMax": false, "enableMDef": true, From 3693f773a762cbbd6da37dadf2eb18aaff3b823b Mon Sep 17 00:00:00 2001 From: oc Date: Fri, 12 Oct 2018 00:22:17 +0800 Subject: [PATCH 3/3] Update docs --- README.md | 9 ++++----- docs/index.md | 2 ++ 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index a1d98fb3..cca926dc 100644 --- a/README.md +++ b/README.md @@ -8,9 +8,7 @@ HTML5 canvas制作的魔塔样板，支持全平台游戏！ * [List / HTML5魔塔游戏列表](https://h5mota.com/) * [Demo / 样板效果](https://ckcz123.com/games/template/) * [Docs / 使用文档说明](https://ckcz123.github.io/mota-js/) - +* [Video / 视频教程](https://www.bilibili.com/video/av32781473/) ![样板](./docs/img/sample0.png) ## 目录结构 @@ -43,13 +41,13 @@ HTML5 canvas制作的魔塔样板，支持全平台游戏！ │ ├─ icons.js # 素材和ID的对应关系定义 │ ├─ items.js # 道具的定义，获得道具的效果 │ └─ maps.js # 地图和数字的对应关系 -├── /常用工具/ # 一些常用工具，可以辅助造塔 +├── /常用工具/ # 一些常用工具，可以辅助造塔；具体可参见下面的【相关工具】 ├── editor.html # 可视化地图编辑工具 ├── editor-mobile.html # 可视化地图编辑工具（手机版） ├── index.html # 主程序，游戏的入口 ├── main.js # JS程序的入口，将动态对所需JS进行加载 ├── style.css # 游戏所需要用到的样式表 -└── 启动服务.exe # 一个本地的HTTP服务器，也能支撑前端的一些POST请求从而能拓展JS的IO功能。 http://github.com/ckcz123/mota-js-server/ +└── 启动服务.exe # 一个本地的HTTP服务器，也能支撑前端的一些POST请求从而能拓展JS的IO功能。 ``` ## 更新说明 @@ -315,6 +313,7 @@ HTML5 canvas制作的魔塔样板，支持全平台游戏！ ## 相关工具 +- [启动服务](http://github.com/ckcz123/mota-js-server/)： 一个本地的HTTP服务器，也能支撑前端的一些POST请求从而能拓展JS的IO功能。 - [RM动画导出器](http://github.com/ckcz123/animate_export/)：能从RMXP中导出动画，以供H5使用。 - [JS代码压缩工具](http://github.com/ckcz123/JSCompressor/)：能对Javascript代码进行压缩和整合，从而减少IO请求量。 - [便捷PS工具](http://github.com/ckcz123/ps/)：能只用复制和粘贴来快速对素材进行PS操作。 diff --git a/docs/index.md b/docs/index.md index 1bfc1309..b99b20b0 100644 --- a/docs/index.md +++ b/docs/index.md @@ -13,6 +13,8 @@ 继续查看文档的详细介绍，让你学会如何使用这一个样板来制作属于自己的HTML5魔塔。 +本说明文档配有B站视频教程，对照查看效果更佳哦：[https://www.bilibili.com/video/av32781473/](https://www.bilibili.com/video/av32781473/)。 + ========================================================================================== [继续阅读下一章：现在就做出自己的第一部H5魔塔！](start)