Project1
标题: 【美化UI】MOG_SceneMenuX插件使用方法 [打印本页]
作者: 游学者狐狸 时间: 2017-12-12 21:15
标题: 【美化UI】MOG_SceneMenuX插件使用方法
本帖最后由 游学者狐狸 于 2017-12-26 22:36 编辑
想让你的UI变得好看吗？那你就花时间看看这篇文章吧！
原插件作者：Moghunter
插件修改：游学者狐狸（ACFOX）
首先贴一下MOG的官方网站，大家可以去MOG的官网下载他的插件
https://atelierrgss.wordpress.com/
另外这是我上传进度盘的一个MOG的演示DEMO，可能有点老了，但是只用UI的话，其实已经够了，大家先用着吧。
链接: https://pan.baidu.com/s/1kU7a2X5 密码: 2tvj
本插件下载地址：
链接: https://pan.baidu.com/s/1eSlgUwq 密码: 2af3
插件一览：
大家请注意，这个插件下载以后的名字就是MOG_SceneMenu，本文用MOG_SceneMenuX只是为了方便区分，实际用这个插件的时候必须起名为MOG_SceneMenu，请不要随意改动这个名字，否则插件其他参数无法调整，这个问题非常重要。下载以后，只需要替换进去就行了，用法都是一样的，千万不要把名字改回MOG_SceneMenuX，也不要改成其他名字！！！
原插件介绍：
MOG_SceneMenu是一款用于制作MV游戏UI的十分精美的插件，该系列插件配合item，equip等一系列配套插件，可以将UI制作得特别美观，比MV自带的菜单UI要好看很多。
但遗憾的是，MOG在制作这一系列插件的时候，并没有或多地考虑到游戏分辨率等硬性问题，所以在一些数值设置上不太灵活，而我修改的MOG_SceneMenuX就是用于解决这些问题的。
使用MOG的Menu请配合以下配套插件一起使用，具体操作请见MOG的DEMO，以及MOG官方的插件介绍，这里不多赘述。
（不过，如果有同学不会使用的话，请在回帖中回复，我看到后会尽量帮忙解决你的问题。）
插件使用介绍：
如果要用MOG_SceneMenuX这个插件的话，需要先关闭MOG的原有插件MOG_SceneMenu，请一定要关闭，这两个插件只能开一个！
MOG_SceneMenuX和MOG_SceneMenu其实是同一个插件，只需要开一个就可以了，关上另一个也不会出任何问题，请放心。
接下来我们展示一下这个插件的效果：
先展示MOG的原本插件MOG_SceneMenu的效果，以方便做对比
好的，我可以看到这个UI菜单的界面，其实存在以下两个问题：
问题一：主菜单，图标与图标之间的间距很小，而且这个距离是不能调的，是固定的48像素，所以如果图标做大了，或者游戏分辨率太大，就会很难受。
问题二：图标的排版也是固定的波浪形，但是有些人可能并不喜欢波浪形，有些人可能喜欢横着排，而有些人可能喜欢竖着排，所以也会很难受。
而我修改的MOG_SceneMenuX，这个插件就是为了解决以上两个很难受的问题才诞生的。
但是，由于版权问题，还有插件本身的问题（我才不会说其实是我技术不够），所以我们想使用MOG_SceneMenuX的话，需要简单地修改一下js，你不用害怕，这个真的很简单，我会手把手教你怎么做。
只要和我一起过一遍，以后你就能得心应手了。
第一步：
首先，请将MOG_SceneMenuX放进你的插件包中，在你的插件包中找到MOG_SceneMenuX，如下图所示。
红色框是MOG的原插件，而绿色框是我修改后的插件
（顺便说一句，大家如果要用MOG_SceneMenuX的话，我希望大家能在使用后，还是将插件的名字改回MOG_SceneMenu，请去掉最末尾的那个“X”，因为虽然MOG插件的条款中允许修改他的插件，但我觉得还是应该尊重MOG的版权）
第二步：
右键MOG_ACFOX_SceneMenuX，选择“编辑”
（这里推荐大家使用notepad++打开，这个软件比记事本要好用多了，没有的话，可以去下载一个，免费的哦）
第三步：
选择“编辑”以后，我们会打开这个窗口，如下图所示
然后，按ctrl+F，打开检索窗口，在窗口中输入“create Commands”，如下图所示，然后我们点击“查找下一个”：
第四步：
当你点击“查找下一个”以后，我们就能找到这个地方：
第五步：
接下来，我们就要开始调整间距和样式了
如图所示：
红色的参数（默认为48），是菜单图标的间距，修改这个参数，就可以调整图标间距。
绿色的参数（默认为1）用于调整图标样式。
当绿色参数为1时，样式即为MOG默认的波浪形样式；
当绿色参数为2时，样式即为横版样式；
（当然我这里只是用于演示，并没有调整间距，所以暂时还不太好看）
当绿色参数为3时，样式即为竖版样式；
所以，修改样式的话，只需要改括号里面的数字哦！是不是很简单呢？
另外，菜单的位置和其他参数是MOG插件中自带就可以调整的，请在这里调整，具体的可以去看MOG官网，也可以在本贴中回复问我，我会尽量解答
然后我们来说一下怎么改间距。
改间距的话，需要修改上图中画红圈的四个参数（默认为48），只需要修改这四个数字，就能修改间距了（四个数字请改成一样的，如果不一样可能会出问题）
（顺便说一下，其实这里的修改用不了这么麻烦，会JS的大大肯定知道是怎么回事，不过我这边文章针对的是所有开发者，可能有些人没接触过JS，所以你懂的……我就不说了，哈哈）
MOG默认的间距是48像素，也就是呈现下面这种很拥挤的效果（样式为默认的1，也就是波浪形样式）。
而当我们把这个数值改大，比如说改成80的时候，就会呈现下面这种效果。
哈哈哈，是不是变宽了很多呢？
其实这个数值的修改，是为了适应分辨率而做的，如果你要做大分辨率的游戏，就需要改这里了哦
当然，如果你想改成横版样式，也是没问题的，只需要这样改就可以了
然后你的菜单就会变成这样：
同理，竖着的那种也是一样的！
是不是感觉方便了很多呢？
最后，你每次修改这个插件的时候，请一定要在记事本中选择“保存”，如下图：
如果你不保存的话，修改就不会生效。
所以你如果发现你的某次修改无效的话，你不妨保存一下再看看。
另外，使用本插件的额外功能，只需要修改以上说明的两个地方，其他地方请不要随意修改，就连标点符号也不能随意修改，JS插件对于代码的规范是很严格的，稍微少一个分号，可能就不能运行了。
如果你不小心修改错误，建议重新下载本插件，并重新设置。
当然，如果你用notepad的话，事情就会变得非常简单了，其实在520行修改就可以了。
左边是我修改的内容，而右边是MOG的原插件，大家可以看到其实设置样式和边距参数的地方就只有那一行，而我是加了一个switch来做成三种样式的，具体怎么回事就涉及JS的一些知识了，我就不多说了。
最后，可耻地打一下广告2333
这是我的新浪微博：
https://weibo.com/6414559491/profile?topnav=1&wvr=6
大家可以关注一下，我有空会做一些小插件供大家免费使用。
另外，其实我也开了游戏坑的，大概会过段时间会在steam平台发布，然后可能会在微博更新一些游戏制作的动态哦！
我是游学者狐狸，我们下期再见！^_^
作者: king 时间: 2017-12-19 17:29
本帖最后由 king 于 2017-12-19 20:53 编辑
已解决……
作者: baihusu 时间: 2017-12-26 18:01
大触手，请问一下，如果想把菜单图标往下移动，需要在哪里更改呢？
作者: 游学者狐狸 时间: 2017-12-26 20:00
不好意思，我这个插件之前有个BUG没处理好，现在已经修复，可以调整坐标了
作者: baihusu 时间: 2017-12-26 20:06
嗷，好的
作者: zmj945 时间: 2017-12-27 11:22
合作过的大佬，人真的很nice
作者: zxp19841205 时间: 2018-1-2 23:09
本帖最后由 zxp19841205 于 2018-1-2 23:10 编辑
loading Error
Failed to load：img/menus/main/commands/%E6%8A%80%E8%83%BD.png
这是什么问题？我就是刚建了项目，然后将插件和图片全放进去了，进游戏一点设置就出这个提示。
-
QQ截图20180102225439.png
(15.06 KB, 下载次数: 53)
错误提示
作者: qq1065526265 时间: 2018-1-2 23:17
图片中文名字或者缺少图片吧 看到你那个错误之后我猜的
作者: zxp19841205 时间: 2018-1-2 23:23
本帖最后由 zxp19841205 于 2018-1-2 23:34 编辑
好吧，找到原因了，是我的数据库中的用语里面全是中文，名字改成一致应该就行了
作者: qq1065526265 时间: 2018-1-2 23:35
那你试试把出错的图片剪切出来试试看是不是一样的错误提示
作者: zxp19841205 时间: 2018-1-2 23:37
感谢回复，已找到原因
作者: qq1065526265 时间: 2018-1-2 23:39
哦 说说看什么原因
作者: zxp19841205 时间: 2018-1-3 08:35
是中文的数据库里的用语和插件默认的设置不符，要么改数据库里的用语为插件的英文，要么把图片名称改成数据库里的中文
作者: gay07400 时间: 2018-1-4 11:43
遊戲分屏率 1280x720
MOG菜單完全跑掉 有沒有好解決的方法 求樓主 感謝
作者: kissstar11 时间: 2018-1-6 16:47
多谢分享
作者: ggua 时间: 2018-1-17 19:11
大佬，我今天也遇到了这个问题。不过我刚入门是个小透明，求问具体应该怎么操作啊。
作者: ggua 时间: 2018-1-18 13:51
已经解决了。原来那个乱码是汉字的编码。我把他一个个解码翻译成中文 就是装备，技能之类的 把图片名称改成对应中文就行了。谢谢大佬回复
作者: 789456qwe 时间: 2018-1-30 16:24
原工程需要翻墙下载，希望楼主更新。谢谢！
作者: wufapvp 时间: 2018-1-30 18:43
求助一下，原工程的MOG_TitlePictureCom里，怎么修改标题选项中各个选项的指向窗口？比如我希望第一个按钮是读取记录，第二个才是开始，第三个是出现一个新的窗口之类的。
作者: lqsg123 时间: 2018-4-7 21:55
解决了吗老铁？我也这样啊！
作者: lqsg123 时间: 2018-4-11 13:24
我也是这样的问题，改名字以后进入战斗时还是报错啊T？老铁老铁你解决了吗？能不能告诉我怎么搞？
作者: 迷茫前行的萌新 时间: 2018-4-22 12:35
大佬，我想用那个时间表，那是哪个插件？？
作者: [email protected] 时间: 2018-7-5 16:19
请问如果更改过分辨率可以用吗？
作者: [email protected] 时间: 2018-7-5 17:45
1280*700 怎么改！
作者: 寂寞带哥走 时间: 2018-9-11 02:10
如果能和yep那个菜单管理联动就好了。想多添加几个菜单
作者: oscar1543689 时间: 2019-6-25 10:02
感謝大佬
| 欢迎光临 Project1 (https://rpg.blue/) |
Powered by Discuz! X3.1 |
