Project1

标题: [已解决]如何对物品icon图标大小进行修改 [打印本页]
作者: 德邦之翼    时间: 2019-7-23 19:29
标题: [已解决]如何对物品icon图标大小进行修改
本帖最后由 德邦之翼 于 2019-7-25 20:54 编辑

如果使用YEP的CoreEngine插件修改图标大小和行高的话会导致其他窗口的行高发生改变，因此想要只修改物品窗口的图标大小。写了一个简单的插件但是只能显示一个图标（也就是第一个），并且物品名称文字消失，求解问题出在哪里？
这是用YEP插件修改的结果

这是用自己写的插件的结果
自己的插件代码：

  1. //=============================================================================
  2. // ItemIconChange.js
  3. //=============================================================================
  4. /*:
  5. * @plugindesc 修改物品图标图片大小
  6. * @author 德邦之翼
  7. *
  8. * @param Icon Height
  9. * @desc The value of height of icons.
  10. * @default 32
  11. *
  12. * @param Icon Width
  13. * @desc The value of width of icons.
  14. * @default 32
  15. *
  16. * @help
  17. */

  19. (function() {
  20.     var parameters = [];
  21.     parameters = PluginManager.parameters('ItemIconChange');
  22.     var iconHight = String(parameters['Icon Height']);
  23.     var iconWidth = String(parameters['Icon Width']);
  24.     Window_ItemList._iconWidth  = iconWidth;
  25.     Window_ItemList._iconHeight = iconHight;
  26.    
  27.     Window_ItemList.prototype.lineHeight = function() {
  28.         return 106;
  29.     };
  30.    
  31.     Window_ItemList.prototype.drawIcon = function(iconIndex, x, y) {
  32.         var bitmap = ImageManager.loadSystem('IconSet');
  33.         var pw = Window_ItemList._iconWidth;
  34.         var ph = Window_ItemList._iconHeight;
  35.         var sx = iconIndex % 16 * pw;
  36.         var sy = Math.floor(iconIndex / 16) * ph;
  37.         console.log('sx =',sx,'sy =',sy,'x =',x,'y =',y);
  38.         this.contents.blt(bitmap, sx, sy, pw, ph, x, y);
  39.     };

  41.     Window_ItemList.prototype.drawItemName = function(item, x, y, width) {
  42.         width = width || 312;
  43.         if (item) {
  44.             var iconBoxWidth = Window_ItemList._iconWidth + 4;
  45.             this.resetTextColor();
  46.             this.drawIcon(item.iconIndex, x + 2, y + 2);
  47.             this.drawText(item.name, x + iconBoxWidth, y, width - iconBoxWidth);
  48.         }
  49.     };

  51.     Window_ItemList.prototype.processDrawIcon = function(iconIndex, textState) {
  52.         this.drawIcon(iconIndex, textState.x + 2, textState.y + 2);
  53.         textState.x += Window_ItemList._iconWidth + 4;
  54.     };

  56. })();
复制代码


YEP的coreEngine里是直接修改了Window_Base._iconWidth来达成的效果，然而我用自己写的方法直接修改Window_Base._iconWidth一样无法达成和YEP的插件一样的效果，这一点我毫无头绪。。。
作者: VIPArcher    时间: 2019-7-25 00:56
本帖最后由 VIPArcher 于 2019-7-25 01:00 编辑

看了一下你的脚本，第23和24行的
    var iconHight = String(parameters['Icon Height']);
    var iconWidth = String(parameters['Icon Width']);
应该改成
    var iconHight = Number(parameters['Icon Height']);
    var iconWidth = Number(parameters['Icon Width']);
否则iconHight 和 iconWidth 会被读取成字符串，在进行加减之类操作的时候会出现意料之外的情况
例如
  1. "32" + 4 = "324"
复制代码

其他问题就是你这个IconSet文件也得改成对应大小的素材文件。
  1. //=============================================================================
  2. // ItemIconChange.js
  3. //=============================================================================
  4. /*:
  5. * @plugindesc 修改物品图标图片大小
  6. * @author 德邦之翼
  7. *
  8. * @param Icon Height
  9. * @desc The value of height of icons.
  10. * @default 32
  11. * @type number
  12. *
  13. * @param Icon Width
  14. * @desc The value of width of icons.
  15. * @default 32
  16. * @type number
  17. *
  18. * @help
  19. */

  21. (function() {
  22.     var parameters = [];
  23.     parameters = PluginManager.parameters('ItemIconChange');
  24.     var iconHight = Number(parameters['Icon Height']);
  25.     var iconWidth = Number(parameters['Icon Width']);
  26.     Window_ItemList._iconWidth  = iconWidth;
  27.     Window_ItemList._iconHeight = iconHight;
  28.    
  29.     Window_ItemList.prototype.lineHeight = function() {
  30.         return 106;
  31.     };
  32.    
  33.     Window_ItemList.prototype.drawIcon = function(iconIndex, x, y) {
  34.         var bitmap = ImageManager.loadSystem('IconSet');
  35.         var pw = Window_ItemList._iconWidth;
  36.         var ph = Window_ItemList._iconHeight;
  37.         var sx = iconIndex % 16 * pw;
  38.         var sy = Math.floor(iconIndex / 16) * ph;
  39.         console.log('sx =',sx,'sy =',sy,'x =',x,'y =',y);
  40.         this.contents.blt(bitmap, sx, sy, pw, ph, x, y);
  41.     };

  43.     Window_ItemList.prototype.drawItemName = function(item, x, y, width) {
  44.         width = width || 312;
  45.         if (item) {
  46.             var iconBoxWidth = Window_ItemList._iconWidth + 4;
  47.             this.resetTextColor();
  48.             this.drawIcon(item.iconIndex, x + 2, y + 2);
  49.             this.drawText(item.name, x + iconBoxWidth, y, width - iconBoxWidth);
  50.         }
  51.     };

  53.     Window_ItemList.prototype.processDrawIcon = function(iconIndex, textState) {
  54.         this.drawIcon(iconIndex, textState.x + 2, textState.y + 2);
  55.         textState.x += Window_ItemList._iconWidth + 4;
  56.     };

  58. })();
复制代码
作者: 德邦之翼    时间: 2019-7-25 20:53
VIPArcher 发表于 2019-7-25 00:56
看了一下你的脚本，第23和24行的
    var iconHight = String(parameters['Icon Height']);
    var iconWi ...

感谢！修改之后能够成功运行了！犯了一个很傻的错误！
作者: amwdhqc    时间: 2019-7-26 00:38
这是要搞密室逃脱吗



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