屏幕快照 2016-03-31 17.02.46.png (861.82 KB, 下载次数: 13)

下载附件  保存到相册

2016-3-31 17:03 上传

1. /*:
2.  * @plugindesc 主场景小提示插件
3.  * @author BenJ
4.  *
5.  *
6.  *
7.  * @param tipIconPadding
8.  * @desc 如果带icon图标的话，文字与图标的间距
9.  * @default 36
10.  *
11.  *
12.  * @help
13.  *
14.  * Plugin Command:
15.  *
16.  * myTipWindow showTip msg  #添加一条消息
17.  * myTipWindow showTip msg iconId  #添加一条带icon的消息
18.  *
19.  *
20.  */
21. var parameters = PluginManager.parameters('myTipWindow');
22. var tipIconPadding = Number(parameters['tipIconPadding'] || 36);
23. var _myGame_Interpreter_pluginCommand = Game_Interpreter.prototype.pluginCommand;
24. Game_Interpreter.prototype.pluginCommand = function(command,args){
25. _myGame_Interpreter_pluginCommand.call(this);
26. if(command == 'myTipWindow'){
27. $gameMap._showTip = true;//是否需要打开tip窗口
28. $gameMap._isShownTip = true;//tip窗口是否被打开
29. $gameMap._tip = {
30. msg : args[0] ,//tip的文本
31. icon : args[1]  //tip的图标
32. //showed : false //是否已经显示过该信息  防止一直刷新
33. };
34. this.setWaitMode('tipMessage');
35. }
36. };
37. //修改Game_Map初始化，增加tip相关属性
38. var _jGame_Map_setup = Game_Map.prototype.setup;
39. Game_Map.prototype.setup = function(mapId) {
40. _jGame_Map_setup.call(this,mapId);
41. this._showTip = false;
42. this._isShownTip = false;
43. this._tip = {};
44. };
45. //重写Scene_Map初始化部分窗口函数
46. var _jScene_Map_createAllWindows = Scene_Map.prototype.createAllWindows;
47. Scene_Map.prototype.createAllWindows = function() {
48. _jScene_Map_createAllWindows.call(this);
49. this.createTipWindow();
50. };
51. //创建tipWindow加入到Scene_Map
52. Scene_Map.prototype.createTipWindow = function() {
53. this._tipWindow = new Window_JTip();
54. this.addWindow(this._tipWindow);
55. };
56. //todo 自定义提示窗体
57. function Window_JTip() {
58. this.initialize.apply(this, arguments);
59. }
60. Window_JTip.prototype = Object.create(Window_Base.prototype);
61. Window_JTip.prototype.constructor = Window_JTip;
62. Window_JTip.prototype.initialize = function() {
63. var width = this.windowWidth();
64. var height = this.windowHeight();
65. Window_Base.prototype.initialize.call(this, (Graphics.width - width)/2, 200, width, height);
66. this.openness = 0;//尝试了好多次，原来这就是关键点所在，初始化的时候，把openness设置为0的时候，调用open函数的时候，才会去刷新
67. };
68. //窗口宽度
69. Window_JTip.prototype.windowWidth = function() {
70. return Number(this.width || 240);
71. };
72. //窗口高度
73. Window_JTip.prototype.windowHeight = function() {
74. return this.fittingHeight(1);
75. };
76. //刷新tip窗口
77. Window_JTip.prototype.refresh = function(_tipArgs) {
78. this.contents.clear();
79. //this.visible = $gameMap.isTipWindowShow();
80. if(_tipArgs){
81. //this.resetTipWindow(_tipArgs);//这个函数里面执行过显示窗口函数核心Bitmap的resize，如果在后面resize，会清空内容栏，具体我也没看到哪里在清空，但是事实如此
82. //todo 绘制消息板
83. var _cnTest =  /[\u4E00-\u9FA5]/;
84. var _msg = _tipArgs.msg.toString();
85. var _width = 0;
86. //通过文字计算窗口大小
87. for(var i=0 ; i<_msg.length ; i++){
88. //判断是否为中文，不是中文，只用字体大小的一半
89. if(_cnTest.test(_msg[i])){
90. _width += this.standardFontSize() ;
91. }else{
92. _width += this.standardFontSize() / 2 ;
93. }
94. }
95. //添加默认内容左右padding
96. _width += this.standardPadding() * 2;
97. //是否包含icon
98. if(_tipArgs.icon != undefined && _tipArgs.icon != 0){
99. _width += tipIconPadding;
100. }
101. this.width = _width;
102. this.x = (Graphics.width - _width)/2;
103. this.contents.resize(this.contentsWidth(),this.contentsHeight());//这里设置的内容的宽度，如果照官方的算法，这个宽度可能会显示不完我们的内容
104. //todo 绘制内容
105. //_tipArgs.showed = true; //显示过的信息改变此标示
106. if(_tipArgs.icon){
107. //显示带icon的信息
108. this.drawIcon(_tipArgs.icon,0,0);
109. this.drawText(_tipArgs.msg.toString(),tipIconPadding,0);
110. }else{
111. //显示普通信息
112. this.drawText(_tipArgs.msg.toString(),0,0);
113. }
114. }
115. };
116. Window_JTip.prototype.update = function(){
117. Window_Base.prototype.update.call(this);
118. //根据window_message的实现来看，弹出样式是打开和关闭的时候调用的updateOpen和updateClose
119. while(!this.isOpening() && !this.isClosing()){
120. //在非打开中和非关闭中，调用一遍所有需要执行的东西
121. //message处理的方式是检测文本信息是否已经消费完来启动
122. if(this.updateInput()){
123. return;
124. }else if(this.needShow()){
125. this.startTip();
126. }else{
127. return;
128. }
129. }
130. };
131. //启动tip窗口
132. Window_JTip.prototype.startTip = function() {
133. this.refresh($gameMap._tip);
134. this.open();
135. $gameSystem.disableMenu();
136. $gameMap._showTip = false;//启动了窗口就把是否启动tip关掉，否则update一直刷新启动造成死循环了
137. this.pause = true;//启动了窗口，并且刷新了窗口之后，设置暂停
138. };
139. Window_JTip.prototype.needShow = function() {
140. return $gameMap._showTip;
141. };
142. Window_JTip.prototype.isTriggered = function() {
143. return (Input.isRepeated('ok') || Input.isRepeated('cancel') || TouchInput.isRepeated());
144. };
145. //当窗口暂停，并且有按键触发，我们就关闭窗口
146. Window_JTip.prototype.updateInput = function() {
147. if(this.pause){
148. if(this.isTriggered()){
149. $gameSystem.enableMenu();
150. this.pause = false;
151. $gameMap._isShownTip = false;
152. this.close();
153. }
154. return true;
155. }else{
156. return false;
157. }
158. };
159. //这里由于官方内定了好几种等待模式，而且写得比较死，我就直接在官方的函数里拓展了，增加了tipMessage的标示
160. Game_Interpreter.prototype.updateWaitMode = function() {
161. var waiting = false;
162. switch (this._waitMode) {
163. case 'message':
164. waiting = $gameMessage.isBusy();
165. break;
166. case 'transfer':
167. waiting = $gamePlayer.isTransferring();
168. break;
169. case 'scroll':
170. waiting = $gameMap.isScrolling();
171. break;
172. case 'route':
173. waiting = this._character.isMoveRouteForcing();
174. break;
175. case 'animation':
176. waiting = this._character.isAnimationPlaying();
177. break;
178. case 'balloon':
179. waiting = this._character.isBalloonPlaying();
180. break;
181. case 'gather':
182. waiting = $gamePlayer.areFollowersGathering();
183. break;
184. case 'action':
185. waiting = BattleManager.isActionForced();
186. break;
187. case 'video':
188. waiting = Graphics.isVideoPlaying();
189. break;
190. case 'image':
191. waiting = !ImageManager.isReady();
192. break;
193. case 'tipMessage':
194. waiting = $gameMap._isShownTip;
195. break;
196. }
197. if (!waiting) {
198. this._waitMode = '';
199. }
200. return waiting;
201. };

1. /**
2.  * 使用过道具之后，弹出消息再回到道具页面
3.  */
4. Scene_Map.prototype.start = function() {
5. Scene_Base.prototype.start.call(this);
6. //如果需要重新打开道具页面，则不清空栈
7. if(!$gameSystem._needReplayItemMenu){
8. SceneManager.clearStack();
9. }
10. if (this._transfer) {
11. this.fadeInForTransfer();
12. this._mapNameWindow.open();
13. $gameMap.autoplay();
14. } else if (this.needsFadeIn()) {
15. this.startFadeIn(this.fadeSpeed(), false);
16. }
17. this.menuCalling = false;
18. };
19. //为了不影响其他正常的消息展示，这里同样使用之前的标示来控制。当这个标示有效的时候，SceneManager.pop();让屏幕回到上一屏
20. var _my_Window_Message_terminateMessage = Window_Message.prototype.terminateMessage;
21. Window_Message.prototype.terminateMessage = function() {
22. _my_Window_Message_terminateMessage.call(this);
23. if($gameSystem._needReplayItemMenu){
24. SceneManager.pop();
25. }
26. };
27. //因为消息是在Scene_Map中的一个window，所以要显示消息的话，得回到Scene_Map中，所以这里把Scene_Map push进了栈堆，同时显示出消息
28. var _my_Scene_Item_useItem = Scene_Item.prototype.useItem;
29. Scene_Item.prototype.useItem = function() {
30. _my_Scene_Item_useItem.call(this);
31. SceneManager.push(Scene_Map);
32. $gameMessage.add('使用了：'+this.item().name);
33. $gameSystem._needReplayItemMenu = true;
34. };
35. //创建道具栏的分类的时候，调用我们的设置最后选择的分类的方法
36. var _my_Scene_Item_createCategoryWindow = Scene_Item.prototype.createCategoryWindow;
37. Scene_Item.prototype.createCategoryWindow = function() {
38. _my_Scene_Item_createCategoryWindow.call(this);
39. this.setSelectLast();
40. };
41. //当分类栏点击确定的时候，把最后选择的分类栏的下标保存下来
42. var _my_Scene_Item_onCategoryOK = Scene_Item.prototype.onCategoryOk;
43. Scene_Item.prototype.onCategoryOk = function() {
44. _my_Scene_Item_onCategoryOK.call(this);
45. $gameSystem._categoryWindowSelectInx = this._categoryWindow._index;
46. };
47. //如果最后选择的分类栏的下标存在，则默认选中
48. Scene_Item.prototype.setSelectLast = function(){
49. if($gameSystem._needReplayItemMenu){
50. //关闭是否回到Scene_Map清空栈堆的标示
51. $gameSystem._needReplayItemMenu = false;
52. this._categoryWindow._index = isNaN($gameSystem._categoryWindowSelectInx) ? 0 : $gameSystem._categoryWindowSelectInx;
53. this._categoryWindow.activate();
54. }
55. };

1. Scene_Title.prototype.createBackground = function() {
2. this._backSprite1 = new Sprite(ImageManager.loadTitle1($dataSystem.title1Name));
3. this._backSprite2 = new Sprite(ImageManager.loadTitle2($dataSystem.title2Name));
4. this.addChild(this._backSprite1);
5. this.addChild(this._backSprite2);
6. };

1. var _myScene_Title_create = Scene_Title.prototype.create;
2. Scene_Title.prototype.create = function() {
3. _myScene_Title_create.call(this);//原本官方执行的方法不去动它的，他该怎么创建就怎么创建
4. //创建我们自己的背景;
5. this.create_myTitleSprite();
6. };

1. Scene_Title.prototype.create_myTitleSprite = function(){
2. this._myBackSprite = new Sprite(ImageManager.loadParallax('SeaofClouds'));
3. this.addChild(this._myBackSprite);
4. };

1. var _myScene_Title_update = Scene_Title.prototype.update;
2. Scene_Title.prototype.update = function() {
3. _myScene_Title_update.call(this);
4. this._myBackSprite.x += 1 ;
5. }

1. Scene_Title.prototype.create_myTitleSprite = function(){
2. //this._myBackSprite = new Sprite(ImageManager.loadParallax('SeaofClouds'));//普通精灵
3. this._myBackSprite = new TilingSprite(ImageManager.loadParallax('SeaofClouds'));//平铺精灵
4. //平铺精灵需要设置他默认的位置，否则是看不到的
5. //通过平铺精灵的move函数设置他的位置
6. //参数1  TilingSprite（平铺精灵） 的 X 坐标
7. //参数2  TilingSprite（平铺精灵） 的 Y 坐标
8. //参数3  TilingSprite（平铺精灵） 的宽度
9. //参数4  TilingSprite（平铺精灵） 的高度
10. //这里的Graphics的width和height是游戏窗口显示的宽度和高度，我们这样设置就会让这个平铺精灵全部占满屏幕
11. this._myBackSprite.move(0,0,Graphics.width,Graphics.height);
12. //将我们的精灵添加到标题页
13. this.addChild(this._myBackSprite);
14. };

1. var _myScene_Title_update = Scene_Title.prototype.update;
2. Scene_Title.prototype.update = function() {
3. _myScene_Title_update.call(this);
4. //this._myBackSprite.x += 1 ;
5. this._myBackSprite.origin.x += 1 ;
6. }

1. Scene_Title.prototype.create_myTitleSprite = function(){
2. //this._myBackSprite = new Sprite(ImageManager.loadParallax('SeaofClouds'));//普通精灵
3. this._myBackSprite = new TilingSprite(ImageManager.loadParallax('SeaofClouds'));//平铺精灵
4. //平铺精灵需要设置他默认的位置，否则是看不到的
5. //通过平铺精灵的move函数设置他的位置
6. //参数1  TilingSprite（平铺精灵） 的 X 坐标
7. //参数2  TilingSprite（平铺精灵） 的 Y 坐标
8. //参数3  TilingSprite（平铺精灵） 的宽度
9. //参数4  TilingSprite（平铺精灵） 的高度
10. //这里的Graphics的width和height是游戏窗口显示的宽度和高度，我们这样设置就会让这个平铺精灵全部占满屏幕
11. this._myBackSprite.move(0,0,Graphics.width,Graphics.height);
12. this._myForeSprite = new Sprite(ImageManager.loadPicture('Package2_3'));//因为这里我仅是放一个人物立绘上去，所以就使用平铺精灵就好了
13. //设置人物立绘的位置
14. this._myForeSprite.anchor.x = 0.5;               //设置立绘精灵的横向锚点，初始值是0，最大值为1，从左到右，最左是0，最右是1，这里设置的0.5就表示正中间
15. this._myForeSprite.anchor.y = 1;                  //设置立绘精灵的纵向锚点，初始值是0，最大值为1，从上到下，最上是0，最下是1，这里设置的1就表示最底部
16. this._myForeSprite.x = Graphics.width / 2;  //设置立绘精灵的水平坐标为整个屏幕宽度的一半，与我们之前设置的横向锚点配合，立绘精灵就会在屏幕的水平正中间
17. this._myForeSprite.y = Graphics.height;      //设置立绘精灵的纵向坐标为整个屏幕的高度，与我们之前设置的纵向锚点配合，立绘精灵的最底部就会跟屏幕的最底部重合
18. //将我们的精灵添加到标题页
19. this.addChild(this._myBackSprite);
20. this.addChild(this._myForeSprite);
21. };

1. Scene_Title.prototype.create_myTitleSprite = function(){
2. //this._myBackSprite = new Sprite(ImageManager.loadParallax('SeaofClouds'));//普通精灵
3. this._myBackSprite = new TilingSprite(ImageManager.loadParallax('SeaofClouds'));//平铺精灵
4. //平铺精灵需要设置他默认的位置，否则是看不到的
5. //通过平铺精灵的move函数设置他的位置
6. //参数1  TilingSprite（平铺精灵） 的 X 坐标
7. //参数2  TilingSprite（平铺精灵） 的 Y 坐标
8. //参数3  TilingSprite（平铺精灵） 的宽度
9. //参数4  TilingSprite（平铺精灵） 的高度
10. //这里的Graphics的width和height是游戏窗口显示的宽度和高度，我们这样设置就会让这个平铺精灵全部占满屏幕
11. this._myBackSprite.move(0,0,Graphics.width,Graphics.height);
12. this._myForeSprite = new Sprite(ImageManager.loadPicture('Package2_3'));//因为这里我仅是放一个人物立绘上去，所以就使用平铺精灵就好了
13. //设置人物立绘
14. this._myForeSprite.anchor.x = 0.5;               //设置立绘精灵的横向锚点，初始值是0，最大值为1，从左到右，最左是0，最右是1，这里设置的0.5就表示正中间
15. this._myForeSprite.anchor.y = 1;                  //设置立绘精灵的纵向锚点，初始值是0，最大值为1，从上到下，最上是0，最下是1，这里设置的1就表示最底部
16. this._myForeSprite.x = Graphics.width / 2;  //设置立绘精灵的水平坐标为整个屏幕宽度的一半，与我们之前设置的横向锚点配合，立绘精灵就会在屏幕的水平正中间
17. this._myForeSprite.y = Graphics.height;      //设置立绘精灵的纵向坐标为整个屏幕的高度，与我们之前设置的纵向锚点配合，立绘精灵的最底部就会跟屏幕的最底部重合
18. this._myForeSprite2 = new Sprite(ImageManager.loadPicture('Package2_3'));//背后闪现的幻影
19. //设置人物立绘的幻影，与人物立绘相同
20. this._myForeSprite2.anchor.x = 0.5;               
21. this._myForeSprite2.anchor.y = 1;                 
22. this._myForeSprite2.x = Graphics.width / 2;
23. this._myForeSprite2.y = Graphics.height;
24. //将我们的精灵添加到标题页
25. this.addChild(this._myBackSprite);
26. this.addChild(this._myForeSprite2);
27. //这里添加的时候，我们首先是添加的幻影的那个精灵，再添加的立绘的精灵，因为我想达到的效果是在人物立绘的背后出现幻影，如果先添加立绘精灵的话，这个幻影就会在立绘精灵的前面闪动，这里各位可以试着调换一下顺序就明白了
28. this.addChild(this._myForeSprite);
29. };

1. var _myScene_Title_update = Scene_Title.prototype.update;
2. Scene_Title.prototype.update = function() {
3. _myScene_Title_update.call(this);
4. //this._myBackSprite.x += 1 ;
5. this._myBackSprite.origin.x += 1 ;
6. //幻想精灵透明度（Opacity）完全透明的时候，重置他的缩放和透明度
7. if(this._myForeSprite2.opacity <= 0){
8. this._myForeSprite2.opacity = 255;
9. this._myForeSprite2.scale.x = 1;
10. this_myForeSprite2.scale.y = 1 ;
11. }
12. //幻想精灵并没有完全透明的时候，我们让他的透明度一直减小，同时通过改变他的缩放来看上去一种扩散的感觉
13. else{
14. this._myForeSprite2.opacity -= 3 ;
15. this._myForeSprite2scale.x += 0.003;
16. this._myForeSprite2.scale.y += 0.003;
17. }