Project1

标题: [教程]xjzsq的RMMV脚本教程（一） [打印本页]
作者: xjzsq    时间: 2016-7-17 23:10
标题: [教程]xjzsq的RMMV脚本教程（一）
本帖最后由 xjzsq 于 2016-7-18 17:30 编辑

前言
在rmmv一出来，受到这个帖子的就想写个脚本教程，因此就怀揣着一个做教程的梦想，开始学习JS，经过一段时间的学习，终于略有领会，因此全部记录在教程上。今天，我会带领大家写一个能够显示领队基本状态的窗口，来入门一下RMMV。（在MV区不受重视，就跑到技术区来发帖了...）
另外，我想给版主提个意见，能不能加个MV发布，不然感觉通用发布有点不准确...{:2_249:}
注意事项
1.本教程提供给一些已经有一点脚本基础的学习者们（至少你要知道变量啊函数啊什么的），如果你没有达到，那我希望你打开着RMMV的F1文档来看这篇教程（F1链接：http://miaowm5.github.io/RMMV-F1/）@汪汪 【机翻】rpg_mv_js 基于mv 版本1.2.0(https://rpg.blue/thread-385523-1-1.html）；
2.由于本人第一次写教程，因此排版上会有点（非常）乱，请多多包涵；
3.本教程可能会有一些小（或者致命的）错误，请大家积极反馈，让脚本得到完善，另外在教程内我也会有没有调试出来的地方，就请读者们说一说解决方法啦（众：写不出来还做什么教程！）；
4.本教程会将RMVA（RGSS3）的语法和RMMV（JS）语法进行比较，让大家学习得更容易一些；
5.本人可能一次写不完一节的教程，会分到好几次编辑，因此会导致写到一半而发了出来的情况，请大家谅解。
正文
废话不多说，开始教程吧（众：明明已经说了一大堆废话）！
首先，新建一个RMMV工程，然后新建一个JS脚本文件，用一个脚本编辑器甚至记事本打开它（推荐notepad++，本人这里用的是VS2015），然后插入以下脚本：
  1. function Window_MapStatus() {

  3. };
复制代码
这个呢，是新建一个窗口，叫做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的不同之一：
比较内容VAMV
往方法里添加内容alias 新方法名 旧方法名新方法名 = 旧方法名
至于这两种方法的好坏，就见仁见智了，这里不予评价。
然后...(不知为啥，老是喜欢带上个然后...)咱们运行一下好不好？

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

我们也仿照他来写。（众：这是明显的抄袭行为啊！！！）
把整个方法复制到我们的代码里去，
然后嘛，我们就开始让他脱胎换骨了！！！（众：至于说的这么严重吗...）
首先，我们应该把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。

注释：参数：
好，现在再运行一下看看：

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




作者: xjzsq    时间: 2016-7-17 23:11
总结
重点部分来了！！！
这一节课，我们讲了些什么呢？
就让我带领大家重温一遍吧！
1.我们比较了RMMV（JavaScript）与RMVA（RGSS3）一些不同之处：
  比较内容VA  MV
创建一个新的窗口类并设置父类class Window_MapStatus < Window_Basefunction 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.newthis._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
作者: 流浪杰哥    时间: 2016-7-18 11:12
支持楼主，新人正在学习当中{:2_287:}
作者: 汪汪    时间: 2016-7-18 16:12
带中文注释版的RMMV的脚本  
可以看
【小白机翻】rpg_mv_js
https://rpg.blue/thread-385523-1-1.html {:8_456:}
作者: 流浪杰哥    时间: 2016-7-18 20:22
我建议楼主做个视频教程，感觉应该可以，入门级教程对我们新人很有用，我在这里再次谢过楼主大大{:2_287:}
作者: 流浪杰哥    时间: 2016-7-19 08:32
流浪杰哥 发表于 2016-7-18 20:22
我建议楼主做个视频教程，感觉应该可以，入门级教程对我们新人很有用，我在这里再次谢过楼主大大 ...

Apowersoft录屏王   用这个录一个视频教程吧，这个很好用的，画面很清晰
作者: taroxd    时间: 2016-7-19 16:11
改/仿写是练习的必经之路，但绝对不是写脚本的常用流程

另外，我想给版主提个意见，能不能加个MV发布，不然感觉通用发布有点不准确...

目前的设定是这种东西应该发在 MV 区。不过既然你要发这儿我就不移走了
作者: sfliad    时间: 2016-9-8 10:16
课程二在哪里！
看了开头，没有后文，憋
作者: zhouhan    时间: 2017-4-14 14:48
顶0.0好贴可惜没有2
作者: 九重凛凛萌    时间: 2020-3-11 17:46
萌新的我学了半天也没学会。
emmmmm
作者: haiyin    时间: 2021-11-13 20:14
非常感谢！！！



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