加载中…
个人资料
微博
  • 博客等级：
  • 博客积分：
  • 博客访问：
  • 关注人气：
  • 获赠金笔：0支
  • 赠出金笔：0支
  • 荣誉徽章：
正文 字体大小：大 中 小

[教程]RMMV脚本教程（一）

(2017-09-11 08:05:23)
标签：

rmmv

rm教程

rmmv脚本教程

 分类： 脚本类

转载于：http://rm.66rpg.com/

作者：xjzsq

 

 

前言
在rmmv一出来，受到这个帖子http://rm.66rpg.com/thread-285650-1-1.html的影响就想写个脚本教程，因此就怀揣着一个做教程的梦想，开始学习JS，经过一段时间的学习，终于略有领会，因此全部记录在教程上。今天，我会带领大家写一个能够显示领队基本状态的窗口，来入门一下RMMV。
注意事项
1.本教程提供给一些已经有一点脚本基础的学习者们（至少你要知道变量啊函数啊什么的），如果你没有达到，那我希望你打开着RMMV的F1文档来看这篇教程（F1链接：http://miaowm5.github.io/RMMV-F1/）和机翻RMMV的原生脚本(http://rm.66rpg.com/thread-384626-1-1.html），如果想要带中文注释版的RMMV的原生脚本（和作者的一样），请在楼下留言；
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”，找到第一个结果： http://s13/bmiddle/001KrrUkzy7e95Klgle3c&690 
_mapNameWindow是什么鬼？
搜索看看...
搜到了这些：（需要向下查找几次，找到其定义的地方）
http://s3/mw690/001KrrUkzy7e95MOLgCd2&690 

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

看来显示的对象都在这里添加的呢，于是我们也在这里添加一个窗口吧！
把以上脚本复制到我们的文件里面，
并在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 新方法名 旧方法名 新方法名 = 旧方法名

至于这两种方法的好坏，就见仁见智了，这里不予评价。
然后...(不知为啥，老是喜欢带上个然后...)咱们运行一下好不好？

http://s16/mw690/001KrrUkzy7e95Sb2j54f&690




同学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，打开它，看看他的父类是什么。
http://s5/mw690/001KrrUkzy7e95UafDSb4&690 

如图，我们看到他的父类是Stage
再帮助文档里面找找看，找到了！
http://s4/bmiddle/001KrrUkzy7e95Y08sb53&690 

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

http://s13/mw690/001KrrUkzy7e95ZJbPe9c&690




哦，原来是把子元素添加到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. };
复制代码
测试一下怎么样？
http://s1/bmiddle/001KrrUkzy7e960vtUQc0&690 

同学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。

注释：
  • _name String
    实例的名称。
  • Window_XX String
    窗口名称。

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



好，现在再运行一下看看：
http://s14/bmiddle/001KrrUkzy7e961ADghfd&690 

成功了！好感动(*^▽^*)
（众：不就是显示出来了个窗口吗？至于反应这么激烈吗？！）
结尾

最后，我们成功地把窗口显示到了地图上，为下一步在窗口里面绘制角色的名字、LV、脸图、状态等东西奠定了基础。
同学A：这么大一篇文章才讲了这么一点东西？！效率未免有点低了吧...感觉一节课没讲多少东西，都让你废话了...
那好吧，既然已经写了这么多了，就总结一下吧！

 

总结
重点部分来了！！！
这一节课，我们讲了些什么呢？
就让我带领大家重温一遍吧！
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。

注释：

  • _name String
    实例的名称。
  • Window_XX String
    窗口名称。

参数：

  • x Number
    窗口的x坐标。
  • y Number
    窗口的y坐标。
  • width Number
    窗口的宽度。
  • height Number
    窗口的高度

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

 

 


喜欢

0

阅读┊ 收藏 ┊ 喜欢▼ ┊打印┊举报/Report
  

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司 版权所有