Project1

标题: 请问如何将战斗中选择的技能图标变为大图？ [打印本页]

作者: jay999 时间: 2018-3-8 12:41
标题: 请问如何将战斗中选择的技能图标变为大图？
本帖最后由 jay999 于 2018-3-9 09:11 编辑

已解决。感谢ekmomo！最终效果看起来很棒！
这个插件可以适用于角色可学技能种类较多，但同时学会的技能总数又较少的情况。比如像类似口袋妖怪的游戏，可以自由搭配和遗忘技能，就非常适合使用这个插件。

系统自带的战斗图标默认是Ironset文件，但是每个图标的大小是限定死的。想换成大图片，类似的插件YEP.123 – Item Picture Images将物品图片换成大图，但那个插件仅限于物品。
我的项目因为技能总数较多，所以想以大图片的方式显示技能，便于查看和区分技能。人对于图形的记忆和辨识度要比文字更加容易。
不会用论坛的插入图片功能啊！怎么把图片附件放在文字之间啊...........

图一是用了YEP.3 – Battle Engine Core战斗核心插件后的技能选择界面。

图二是想要的技能选择界面。红色方框是新的技能图片，大小相当于原本图标的4倍大小。能从picture文件夹读取最好。
然后在每个技能图片的右下角叠加显示MP/TP消耗数字。技能名字不显示，以后考虑把技能名字做到浮动窗口里去。

111.jpg (342.79 KB, 下载次数: 179)

图1

222.jpg (345.57 KB, 下载次数: 164)

图2

作者: ekmomo 时间: 2018-3-8 12:41

因为不确定你以后会不会用SkillCore插件和Yanfly本身写法问题，所以技能消耗那里是优先兼容，先做项目吧。
技能图标默认目录是img/skill,默认格式png。要使用技能图标的话在技能备注里写<icon:filename>（如<icon:06>表示使用img/skills/06.png作为技能图）,不备注默认使用系统图标。

Skill_Icon.rar (860 Bytes, 下载次数: 99)

作者: ekmomo 时间: 2018-3-8 13:01
说不明白~
你画个UI图，我帮你写。

作者: jay999 时间: 2018-3-8 14:40

ekmomo 发表于 2018-3-8 13:01
说不明白~
你画个UI图，我帮你写。

画了UI图了，是不是有点复杂...................

作者: ekmomo 时间: 2018-3-8 15:37
本帖最后由 ekmomo 于 2018-3-8 16:33 编辑

回复已经被作者隐藏。

作者: ekmomo 时间: 2018-3-8 15:45
本帖最后由 ekmomo 于 2018-3-8 16:14 编辑

或者这样的。

Window_BattleSkill.prototype.drawItemName = function(item, x, y, width) {
width = 64;
if (item) {
      var iconBoxWidth = Window_Base._iconWidth + 4;
      this.resetTextColor();
      this.drawIcon(item.iconIndex, x + 2, y + 2);
this.contents.fontSize = 18;
      this.drawText(item.name, x, y + 32, 64, 'center');
}
};
Window_BattleSkill.prototype.drawIcon = function(iconIndex, x, y) {
var bitmap = ImageManager.loadSystem('IconSet');
var pw = Window_Base._iconWidth;
var ph = Window_Base._iconHeight;
var sx = iconIndex % 16 * pw;
var sy = Math.floor(iconIndex / 16) * ph;
this.contents.blt(bitmap, sx, sy, pw, ph, x, y, 64, 64);
};
Window_BattleSkill.prototype.itemWidth = function() {
return 68;
};
Window_BattleSkill.prototype.itemHeight = function() {
return 68;
};

作者: jay999 时间: 2018-3-8 16:15

ekmomo 发表于 2018-3-8 15:45
或者这样？

是这个意思，技能名字字体小一点或者告诉我一下改哪里能改变字大小。消耗不在下方居中，在右下角显示。非常感谢！

作者: ekmomo 时间: 2018-3-8 16:22
本帖最后由 ekmomo 于 2018-3-8 16:24 编辑

this.contents.fontSize = 18; 这行是字体大小

作者: jay999 时间: 2018-3-8 16:28
本帖最后由 jay999 于 2018-3-8 16:32 编辑

ekmomo 发表于 2018-3-8 15:45
或者这样的。

Window_BattleSkill.prototype.drawItemName = function(item, x, y, width) {

请问这个是不是直接另存为js文件作为插件启用就可以了？还是需要添加到某个系统脚本里？
可以用picture文件夹读取图片吗？用Ironset感觉不太够用啊，以为技能总数较多。。。。
我现在试不了，等晚上回家试试。多谢多谢！

作者: ekmomo 时间: 2018-3-8 16:30

jay999 发表于 2018-3-8 16:28
请问这个是不是直接另存为js文件作为插件启用就可以了？还是需要添加到某个系统脚本里？
我现在试不了， ...

存个JS。

作者: jay999 时间: 2018-3-8 16:36

ekmomo 发表于 2018-3-8 16:30
存个JS。

如果不想用系统的Ironset文件呢？
可以从picture文件夹读取图片吗？比如199号技能默认读取picture文件夹的“skill199”图片文件。
用Ironset感觉不太够用啊，以因为技能总数较多。。。。

作者: ekmomo 时间: 2018-3-8 16:39
本帖最后由 ekmomo 于 2018-3-8 16:51 编辑

jay999 发表于 2018-3-8 16:36
如果不想用系统的Ironset文件呢？
可以从picture文件夹读取图片吗？比如199号技能默认读取picture文件夹 ...

可以，我下班帮你写吧。大概8点到家。你要先到了可以先提供一下信息：

1、技能图片大小。
2、是否使用了YEP的技能冷却(最好提供你完整的插件列表)。
3、一排放几个技能。（按你画的图，图片是64*64的话一排最多9个技能 624 / 64，小于9都可以）。
4、是否同步改变菜单中的显示方式。
5、是否需要外边框。

作者: jay999 时间: 2018-3-8 16:47
本帖最后由 jay999 于 2018-3-8 17:38 编辑

ekmomo 发表于 2018-3-8 16:39
可以，我下班帮你写吧。大概8点到家。

66666

辛苦辛苦

1、技能图片大小。
技能图我自己可以用ps改大小来适应脚本的，现在设是系统自带图标的4倍大小。系统再带的图标好像是24*24的？4倍就是96*96

2、是否使用了YEP的技能冷却(最好提供你完整的插件列表)。
      YEP_BattleEngineCore-战斗核心
      YEP_X_AnimatedSVEnemies-敌群可动
      YEP_X_VisualHpGauge-显示敌人血条
      YEP_AbsorptionBarrier-吸收屏障
      SRD_SummonCore-召唤技能核心
      SRD_Metronome Skill–随机使用技能
      YEP_InstantCast-技能立即释放
      YEP_PictureCommonEvents-图片公共事件
      MapBianliang-地图显示变量
      YEP_Taunt-嘲讽
      YEP_ItemCore-物品核心
      YEP_Item Picture Images-更换物品图标

3、一排放几个技能。（按你画的图，图片是64*64的话一排最多9个技能 624 / 64，小于9都可以）。
在保证图片大小的情况下越多越好。感觉如果是96*96的话一排最多6个。

4、是否同步改变菜单中的显示方式。
不用改变，只要战斗中改变就行。菜单中改不改无所谓。

5、是否需要外边框。
如果能有边框更好~

作者: 微笑的迪妮莎 时间: 2018-3-8 23:02
这个创意挺好的

作者: jay999 时间: 2018-3-9 11:12

ekmomo 发表于 2018-3-8 16:39
可以，我下班帮你写吧。大概8点到家。你要先到了可以先提供一下信息：

1、技能图片大小。

大佬晚上写脚本辛苦了！我今天晚上回家才能试。但是我看你发的测试图完全符合需求，非常棒。
然后想问一下能不能加一个为不同技能使用不同颜色外框的功能？例如攻击类技能用红色外框，恢复类技能用白色外框，buff类技能用绿色等等

作者: ekmomo 时间: 2018-3-9 13:12

jay999 发表于 2018-3-9 11:12
大佬晚上写脚本辛苦了！我今天晚上回家才能试。但是我看你发的测试图完全符合需求，非常棒。
然后想问一 ...

可以，晚上搞。

作者: ekmomo 时间: 2018-3-9 14:31
带边框版本的。

Skill_Icon.zip

1.1 KB, 下载次数: 94

欢迎光临 Project1 (https://rpg.blue/)