Project1

标题: [教程]RMMV脚本教程（一） [打印本页]
作者: xjzsq    时间: 2016-7-11 16:05
标题: [教程]RMMV脚本教程（一）
本帖最后由 xjzsq 于 2018-2-6 22:48 编辑

前言
在rmmv一出来，受到这个帖子https://rpg.blue/thread-285650-1-1.html的影响就想写个脚本教程，因此就怀揣着一个做教程的梦想，开始学习JS，经过一段时间的学习，终于略有领会，因此全部记录在教程上。今天，我会带领大家写一个能够显示领队基本状态的窗口，来入门一下RMMV。
注意事项
1.本教程提供给一些已经有一点脚本基础的学习者们（至少你要知道变量啊函数啊什么的），如果你没有达到，那我希望你打开着RMMV的F1文档来看这篇教程（F1链接：http://miaowm5.github.io/RMMV-F1/）和机翻RMMV的原生脚本(https://rpg.blue/thread-384626-1-1.html），最近突然发现汪汪大佬在很久以前就把翻译脚本放到了github上，这里放上链接：https://github.com/wangwangxingao/RMMV/tree/master/%E6%B3%A8%E9%87%8A；
2.由于本人第一次写教程，因此排版上会有点（非常）乱，请多多包涵；
3.本教程可能会有一些小（或者致命的）错误，请大家积极反馈，让脚本得到完善，另外在教程内我也会有没有调试出来的地方，就请读者们说一说解决方法啦（众：写不出来还做什么教程！）；
4.本教程会将RMVA（RGSS3）的语法和RMMV（JS）语法进行比较，让大家学习得更容易一些；
5.本人可能一次写不完一节的教程，会分到好几次编辑，因此会导致写到一半而发了出来的情况，请大家谅解。
正文
废话不多说，开始教程吧（众：明明已经说了一大堆废话）！
首先，新建一个RMMV工程，然后新建一个JS脚本文件，用一个脚本编辑器甚至记事本打开它（推荐notepad++，本人这里用的是VS2015），然后插入以下脚本：
  1. function Window_MapStatus() {
复制代码
这个呢，是新建一个窗口，叫做Window_MapStatus,
然后，大家是否记得，在RMVA中，使用class Window_MapStatus < Window_Base 来新建一个窗口的，那么，Window_Base 去哪里了呢？
请在下方输入以下脚本：
  1. Window_MapStatus.prototype = Object.create(Window_Base.prototype);
复制代码
这样，就成功地把Window_Base里的方法全部复制到了Window_MapStatus 里面，相当于Window_MapStatus < Window_Base，即使Window_Base成为了Window_MapStatus的父类。
接着，按照程序，应该定义initialize了，插入一下代码：
  1. Window_MapStatus.prototype.initialize = function (x, y, width, height) {
  2.     Window_Base.prototype.initialize.call(this, x, y, width, height);
  3. }
复制代码
这样就相当于在VA中的一下代码：
  1. def initialize
  2.      super(0, 0, 144, 273)
  3. end
复制代码
（当然，还不完全一样）
然后，向第二行中加入下面的代码：
  1. this.initialize.apply(this,arguments)
复制代码
这是引用initialize方法。
于是，你的脚本应该成了下面的样子：
  1. function Window_MapStatus() {
  2. this.initialize.apply(this,arguments)
  3. }
  4. Window_MapStatus.prototype = Object.create(Window_Base.prototype);
  5. Window_MapStatus.prototype.initialize = function (x, y, width, height) {
  6. Window_Base.prototype.initialize.call(this, x, y, width, height);
  7. }
复制代码
现在运行一下，
发现窗口还无法显示出来，因此要在地图场景（Scene_Map）上做文章。
首先，打开原生脚本汉化（可以到注意事项里去找，如果要和我一样的，请在楼下留言），我们应该找什么呢？
肯定要找到scene_Map啦。
打开rpg_scenes文件夹，找到04 Scene_Map.js，打开它。
然后在里面搜索“window”，找到第一个结果：
_mapNameWindow是什么鬼？
搜索看看...
搜到了这些：（需要向下查找几次，找到其定义的地方）


哦，原来是显示地图名称的窗口！
看看他在哪里定义的？
Ctrl+F搜索createMapNameWindow，
搜到了这个方法：


看来显示的对象都在这里添加的呢，于是我们也在这里添加一个窗口吧！
把以上脚本复制到我们的文件里面，
并在this.createAllWindows();下面，};的上面插入以下脚本：
  1.     //创建一个显示角色状态的窗口
  2.     this.createStatusWindow();
复制代码
同学A：为什么要把createDisplayObjects方法全部复制到脚本里面呢？我们不是有alias吗？
不愧是同学A，RMVA的语法已经在脑中根深蒂固了，其实呢，MV或是说JS里面压根就没有alias，如果你真的想要模拟alias的话，可以使用一下脚本：
  1. new_name = Scene_Map.prototype.createDisplayObjects
复制代码

new_name的部分可以按照个人喜好去改，
这句话就相当于VA中的
  1. alias new_name createDisplayObjects
复制代码
所以，这就是VA与MV的不同之一：
比较内容 VA MV
往方法里添加内容 alias 新方法名 旧方法名 新方法名 = 旧方法名
至于这两种方法的好坏，就见仁见智了，这里不予评价。
然后...(不知为啥，老是喜欢带上个然后...)咱们运行一下好不好？


同学A：怎么出错了，是不是在骗我们！（怒目圆睁中...）
哎呀，失手了，还没定义createStatusWindow方法呢...
现在来定义createStatusWindow方法。
同学们还记得显示地图名称的那个方法吗？
代码是这样的：
  1. Scene_Map.prototype.createMapNameWindow = function() {
  2.     this._mapNameWindow = new Window_MapName();
复制代码

我们也仿照他来写。（众：这是明显的抄袭行为啊！！！）
把整个方法复制到我们的代码里去，
然后嘛，我们就开始让他脱胎换骨了！！！（众：至于说的这么严重吗...）
首先，我们应该把createMapNameWindow改成createStatusWindow，
接着研究下面的语句：
this._mapNameWindow = new Window_MapName();
这句话好像是新建了一个Window_MapName的实例
那么我们也新建一个，名字叫什么好呢，就叫做_StatusWindow吧！
因此，我们就把_mapNameWindow改成_StatusWindow，并把Window_MapName改成，再看下一行：
  1. this.addChild(this._mapNameWindow);
复制代码
addChild是个什么鬼？
去查一下帮助文档怎么样？
经查询发现，帮助文档里面竟然没有Scene！！！
那么该怎么办呢？
我们就打破砂锅问到底！
找到Scene_Map的父类Scene_Base，打开它，看看他的父类是什么。


如图，我们看到他的父类是Stage
再帮助文档里面找找看，找到了！


还真的有addChild方法，
点击看看：


哦，原来是把子元素添加到Scene_Map!
按照LZ的理解，就是把窗口加到Scene_Map里面，让这个窗口能显示出来。
于是我们把this._mapNameWindow改成this._StatusWindow，
现在我们的脚本已经变成了下面的样子：
  1. function Window_MapStatus() {
  2.     this.initialize.apply(this, arguments)
  3. }
  4. Window_MapStatus.prototype = Object.create(Window_Base.prototype);
  5. Window_MapStatus.prototype.initialize = function (x, y, width, height) {
  6.     Window_Base.prototype.initialize.call(this, x, y, width, height);
  7. }

  9. Scene_Map.prototype.createDisplayObjects = function () {
  10.     //创建精灵组
  11.     this.createSpriteset();
  12.     //创建地图名称窗口
  13.     this.createMapNameWindow();
  14.     //创建窗口层
  15.     this.createWindowLayer();
  16.     //创建所有窗口
  17.     this.createAllWindows();

  19.     //创建一个显示角色状态的窗口
  20.     this.createStatusWindow();



  24. };

  26. //创建一个显示名字的窗口
  27. Scene_Map.prototype.createStatusWindow = function () {
  28.     this._StatusWindow = new Window_MapStatus();
  29.     this.addWindow(this._StatusWindow); //把窗口添加到窗口层

  31. };
复制代码
测试一下怎么样？


同学A：为什么还是什么都没有，你是不是在骗我们？！
哎呀，又失手了，让大家见谅了...（众：怎么总失手，再失手信不信把你赶下讲台（有讲台吗？）！！！）
注意了，this._StatusWindow = new Window_MapStatus();这一句中，必须有参数！！！
或者亦可以在创建函数的时候预留参数，这里就在生成实例的时候添加参数吧！
在生成实例的那一句里面，加入4个参数，0, 0, 410, 216
分别对应窗口的x坐标，y坐标，宽度，高度，
说的更专业一些（模仿一下帮助文档的口气）：
this._name = new Window_XX（x,y,width,height）

新建一个坐标为(x,y),宽度为width，高度为height的Window_XX的窗口的实例_name。

注释：参数：
  • x Number
    窗口的x坐标。
  • y Number
    窗口的y坐标。
  • width Number
    窗口的宽度。
  • height Number
    窗口的高度



好，现在再运行一下看看：


成功了！好感动(*^▽^*)
（众：不就是显示出来了个窗口吗？至于反应这么激烈吗？！）
结尾
最后，我们成功地把窗口显示到了地图上，为下一步在窗口里面绘制角色的名字、LV、脸图、状态等东西奠定了基础。
同学A：这么大一篇文章才讲了这么一点东西？！效率未免有点低了吧...感觉一节课没讲多少东西，都让你废话了...
那好吧，既然已经写了这么多了，就总结一下吧！总结看楼下...


作者: xjzsq    时间: 2016-7-13 23:56
总结
重点部分来了！！！
这一节课，我们讲了些什么呢？
就让我带领大家重温一遍吧！
1.我们比较了RMMV（JavaScript）与RMVA（RGSS3）一些不同之处：
  比较内容 VA  MV
创建一个新的窗口类并设置父类 class Window_MapStatus < Window_Base function Window_MapStatus() {    this.initialize.apply(this,arguments)
}
Window_MapStatus.prototype = Object.create(Window_Base.prototype);

初始化方法def initialize
    super(x,y,width,height)
end
  Window_MapStatus.prototype.initialize = function (x, y, width, height) {    Window_Base.prototype.initialize.call(this, x, y, width, height);
}
往方法里添加内容 alias 新方法名 旧方法名 新方法名 = 旧方法名
定义窗口大小的位置（习惯） 定义窗口类的地方生成窗口实例的地方
生成窗口实例的方法 $name = Window_XX.new this._name = new Window_XX（x,y,width,height）
2.我们还介绍了一些方法


①
新方法名 = 旧方法名
往方法里添加内容
②
this._name = new Window_XX（x,y,width,height）

新建一个坐标为(x,y),宽度为width，高度为height的Window_XX的窗口的实例_name。

注释：参数：3.另外，我们还介绍了一个写脚本的常用流程：
搜索！→复制！！→改/仿写！！！
搜索：
①搜索和你想要写的东西类似的已有的东西。
比如：本节课我们要在地图上显示窗口，就应该在Scene_Map里面搜索，下面的课程中也会不断锻炼读者们的搜索能力。
②一搜到底
比如：本节课中我们抓住搜到的内容不断搜索，一直到不能搜、我们已经充分了解该怎么做、往那里写、写什么才罢休。
就是要有打破砂锅问到底的精神才行！
复制：
唯一可以说的是复制的快捷键：Ctrl+C，粘贴的快捷键：Ctrl+V
改/仿写：
①要仔细端摩，看出什么应该保留，什么应该修改/换掉。
这部分内容有点像语文的句式仿写题，需要多练，在下面的章节中也会不断练习。
②特别注意参数的改变
例如：本节课中，就只因掉了4个参数，而导致窗口无法显示出来，但也不会报错，这是最要命的一点，有的时候找很长时间亦找不出错误在何处，因此要切记这一易错点！
易出错的原因：一般系统默认脚本都是在执行时按照编辑器里或者从其他方法中（比如DataManger）获取数据，而你的脚本无法做到这一点。
课后作业
1.复习本课内容，自己试着把代码敲一遍（可以从默认脚本中复制和改写）
把你的运行情况截图发出来回复我，手快的有经验奖励！
2.思考下面几个问题，可以选择回复给我答案。
（标准答案会从回复中选取并在下节课中公布出来哦！）
①alias在MV中如何使用？
②MV中新建一个窗口的基本框架是什么？
③如果想要在菜单界面添加一个窗口，应该去哪个文件搜索？（）（本题目要求说明选择的原因）
A.Scene_Map   B.Scene_MenuBase  C.Scene_Menu  D.Window_Base
感言
写这篇教程也是费了不少心思，第一次体会到了写教程的艰辛。
请大家积极互动，谢谢大家！
大家的支持是我最大的动力！O(∩_∩)O


作者: [email protected]    时间: 2016-7-14 14:22
好好好！！！楼主加油，不过你拿VS开发我也是无语了！！！建议用Hbulider开发吧！附上网址：http://www.dcloud.io/
作者: lucy94920    时间: 2016-7-14 16:47
超赞！敲碗求后续！求显示内容的部分
作者: grammy416    时间: 2016-7-18 00:17
还在读本身的js文件，学习了。有些好难理解
作者: 汪汪    时间: 2016-7-18 16:11
带中文注释版的RMMV的脚本  
可以看
【小白机翻】rpg_mv_js
https://rpg.blue/thread-385523-1-1.html
作者: claudeoy    时间: 2016-8-6 00:25
  受教了，楼主继续加油出后续啊。我现在想用RMMV做一个ARPG模式出来，具体要经过哪几步啊，能不能指教下。我目前才起步研究怎么让人物根据不同按键移动和做动作。。
作者: 雾影药师    时间: 2016-8-6 08:41
果然是很不错的教程
作者: tomlee1980    时间: 2016-8-7 11:30
楼主辛苦
您就不打算继续教我怎么把人物当前坐标实时显示在这个框框里吗
作者: xjzsq    时间: 2016-8-7 23:45
本帖最后由 xjzsq 于 2016-8-7 23:47 编辑
tomlee1980 发表于 2016-8-7 11:30
楼主辛苦
您就不打算继续教我怎么把人物当前坐标实时显示在这个框框里吗 ...

那还不做一下作业支持我一下。。。
你怎么知道我后续要讲的内容？！
这大概是下节课或者下下节课的作业...
作者: zhyzhongd1    时间: 2016-8-8 01:37
楼主好人，我刚看完VA的新手教程，原来大家都开始玩MV了。
问一下，如果想自学JS，有什么好的教材推荐么，应该买什么书？网上找什么资源自学呢？
作者: xjzsq    时间: 2016-8-8 01:48
zhyzhongd1 发表于 2016-8-8 01:37
楼主好人，我刚看完VA的新手教程，原来大家都开始玩MV了。
问一下，如果想自学JS，有什么好的教材推荐么， ...

随便什么入门教材都行，我只是看了一下JS和ruby语言的不同之处，然后再向下看感觉写JS脚本并没有什么用，所以就直接做这篇教程里说的了...（本人比较懒）
作者: wymwaq    时间: 2016-9-10 10:07
支持 楼主加油加油加油
作者: 煮面条    时间: 2016-9-14 00:18
js真是太蹩脚了。。。
但是没办法，只有它能通吃各平台（浏览器效率较低地）
作者: heying1900    时间: 2017-6-20 14:23
十分感谢，初学者的导师！
作者: alpsmarx    时间: 2018-1-11 14:15
求一份带中文注释的脚本，谢谢，[email protected]
作者: xjzsq    时间: 2018-2-6 22:44
alpsmarx 发表于 2018-1-11 14:15
求一份带中文注释的脚本，谢谢，[email protected]

这个我在文章里面放链接了，不过最近汪汪大佬好像更新了，在github上：https://github.com/wangwangxinga ... /%E6%B3%A8%E9%87%8A
作者: daiboy12    时间: 2018-3-21 16:24
谢谢！LZ写的这篇教程很棒，不过有个问题想请教一下。就是去github拉了汪汪大佬的注释脚本后，发现那些脚本没有办法放到游戏里被直接使用。是不是加载脚本的地方还要修改一下？然后，JS脚本里有类似RGSS里面“p “显示窗口””的功能吗？感觉这个功能对于脚本初学者来说是不可或缺的，可以用来检测很多东西
作者: xjzsq    时间: 2018-4-5 13:41
daiboy12 发表于 2018-3-21 16:24
谢谢！LZ写的这篇教程很棒，不过有个问题想请教一下。就是去github拉了汪汪大佬的注释脚本后，发现那些脚本 ...

汪汪大佬的那个是为了方便查看分开的，不能直接放到游戏里使用，具体怎么连在一起...好像论坛里有个帖子实现了这个效果，你搜一下试试。
显示窗口的话...我用的是alert("输出内容");效果和RGSS3里面的msgbox差不多，都是弹出一个窗口。
在控制台输出内容还不太会...
作者: daiboy12    时间: 2018-4-7 11:39
xjzsq 发表于 2018-4-5 13:41
汪汪大佬的那个是为了方便查看分开的，不能直接放到游戏里使用，具体怎么连在一起...好像论坛里有个帖子 ...

好的！太感谢你了！
作者: grammy416    时间: 2018-4-8 19:11
非常好非常好！希望继续做下去！
作者: Mr.Bei    时间: 2018-11-8 19:54
所以这是“基于VA基础上面向老手的MV脚本教程”么，MV入坑的表示：上手难度UP√
作者: Jambako    时间: 2019-7-4 15:48
写得真好，谢谢大佬！
作者: guidayu    时间: 2019-7-26 16:54
非常感谢大佬详细的教程，可以感觉到做的时候一定很用心很辛苦，真的很感动，非常感谢！
作者: 织梦行云    时间: 2019-11-2 00:26
是很不错的教程
作者: 7479958    时间: 2022-6-8 00:11
感谢大大的分享，虽然看不懂，但是看的老过瘾



欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1