Jump to content

[教程]树果缺水状态贴图替换


Recommended Posts

突然想把树果闪红的贴图换成只狼里的危字。

首先展示一下替换后的效果。

1316516349_2.gif.9678dc67ce24e29f7d0ffeede34f786e.gif

其他情况还是和原来一样的。

438912241_VCB-StudioOne-PunchMan05Ma10p_1080px265_flac.mkv-PotPlayer2021-03-0516-57-13.gif.ee4bbd751b35d12484caa3d1cf43fc4d.gif 放不下了就压得小了一点。。。

跟主题之类的差不多,其实就是替换掉原来提供的贴图文件,然后稍微修改一下相应的xml文件,就拿今天的主题举例。

  • 首先找到树果水分的状态栏贴图资源“water-levels.png”,位置在\PokeMMO\data\themes\default\res下。
  • 把原文件water-levels_Orignal.png.497b7a9f6f3a2e3c36ec93a20e861fa5.png拿出来加工(把你要用到的素材放在这张图里,用PhotoShop啥的处理);
  • 比如我加了一个危字进去water-levels.png.3dfe0fef8312bba777171be374dc50b9.png,把它和原文件替换;
  • 接下来我们要让缺水时要显示的贴图是我们新加进去的那块而非原有的,这就要在gfx.xml文件里进行修改,文件位置\PokeMMO\data\themes\default\res;你可以用记事本等文本处理软件打开它,最好建立一个副本保存一下原文件,也可以使用游戏界面的修复客户端来重置资源文件;

 

  • 然后ctrl+F查找用到了这张图的语句(自带的记事本也可以的),这行所包含的一大块代码就是该文件里用到这张图的所有内容,当然我们只需要改动很小的一部分。

image.thumb.png.c166ae4b42da87623e7cb03891954687.png

  • 在这个语句块里可以看到两个animation块,即旱、涝动画。涝的嘛就不谈了XD,咱们看缺水的动画“water-level.dry”。

image.png.cf476e1f942db13fc2f8f28169b0ca3c.png

image.png.b84805340329596d38468de11626890f.png

 

  • duration是持续时间400毫秒,ref是引用的前面的对象,“water-level.dry.basic”是蓝色水槽,"water-level.dry.red"则是红色警报,干旱动画在这两者间反复切换(即闪红),我们可以到上面看它们是怎么被定义的。以"water-level.dry.red"为例:

image.png.a7ae0efae4e6fd3f8a6bbd820186060f.png

  • 又看到了“water-level.warning”和"teardrop.warning",咱们继续往上找定义。

image.png.4ba80410d3d4c929f40ae2005247524c.png

image.png.ac4a10da7bacd0857cc0bb193ab3e3cf.png

  • 诶你看到这个xywh心里大概就有数了,这很可能就是这个对象在素材图water-levels.png的部分。没错,xywh="13,3,8,11"指的就是这张图里从(13,3)这个像素点开始,宽8个像素,高11个像素的矩形里的内容。我们在PhotoShop里打开一看,确实是红色水滴的像素区域。以此类推,"water-level.warning"指的就是红色水槽,由五个截取到的素材组合而成。那这个名为"water-level.dry.red"的部块就很清晰了,它是由一排水槽和五个红色水滴组成的,四个水滴的inset则是从中间开始的偏移量,让它们以第三个水滴为中心排布开来。

 

以上,读懂了代码块,我们就能很方便的进行正式修改

 

  • 首先在素材图里截取我们自己新加进去的部分,暂且命名为"dangerous"

image.png.b987993bb64844bf8ed16281591a6b95.png

  • 然后修改红色警报"water-level.dry.red",咱们既不用红框,危字也仅需一个,所以把其他的都删掉或者注释掉。(注释格式:<!--原代码- - >,详见xml语法教程)图下的“-5”是因为实际看上去危字有点偏右了。

image.png.d6829ee07d715fe667b57fdbf370d0c9.png

 

  • 再修改蓝色水槽,在我的方案里不显示这一部分,那就全部注释掉。

image.png.3885d80be7ca0ad8e392bdda3c10915a.png

 

  • 保存然后重启游戏,至此就大功告成了。

 

下面是我修改过的文件,感兴趣的直接覆盖到路径里就可以了。链接: https://pan.baidu.com/s/1ZXVxs0yzJsyq8PUsYvhh9A 提取码: jga8 

没系统地学过xml,有错的地方望大佬指出。

Edited by Eferinte
排版优化
Link to comment
Posted (edited)
7小时前,noty 说:

倒计时能不能实现

计时好像是服务器提供的,个人感觉是没法实现...再者其实我目前除了换个贴图别的啥也不会( ̄▽ ̄)

Edited by Eferinte
Link to comment
于2021/3/31 AM2点28分,Eferinte 说:

突然想把树果闪红的贴图换成只狼里的危字。

首先展示一下替换后的效果。

1316516349_2.gif.9678dc67ce24e29f7d0ffeede34f786e.gif

其他情况还是和原来一样的。

438912241_VCB-StudioOne-PunchMan05Ma10p_1080px265_flac.mkv-PotPlayer2021-03-0516-57-13.gif.ee4bbd751b35d12484caa3d1cf43fc4d.gif 放不下了就压得小了一点。。。

跟主题之类的差不多,其实就是替换掉原来提供的贴图文件,然后稍微修改一下相应的xml文件,就拿今天的主题举例。

首先找到树果水分的状态栏贴图资源“water-levels.png”

5.png.c1e107e156c7838fdef4c486df7208aa.png

把原文件water-levels_Orignal.png.497b7a9f6f3a2e3c36ec93a20e861fa5.png拿出来加工(把你要用到的素材放在这张图里,用PS啥的处理);

比如我加了一个危字进去water-levels.png.3dfe0fef8312bba777171be374dc50b9.png,把它和原文件替换;

接下来我们要让缺水时要显示的贴图是我们新加进去的那块而非原有的,这就要在gfx.xml文件里进行修改;

gfx.png.f0cee2303d5547ae36c666e4be62a72f.png

你可以用记事本等文本处理程序打开它,最好建立一个副本保存一下原文件(个人建议用Notepad++打开)

image.png.53ceb64f661fb960c3ab816951f8bece.png

然后ctrl+F查找用到了这张图的语句(自带的记事本也可以的),这一大块就是用到这张图的所有内容,当然我们只需要改动很小的一部分。

image.thumb.png.c166ae4b42da87623e7cb03891954687.png

在这个语句块里可以看到两个animation块,即旱、涝动画。

image.png.cf476e1f942db13fc2f8f28169b0ca3c.png

image.png.b84805340329596d38468de11626890f.png

涝的嘛就不谈了XD,咱们看缺水的动画“water-level.dry”。

duration是持续时间400毫秒,ref是引用的前面的对象,“water-level.dry.basic”是蓝色水槽,"water-level.dry.red"则是红色警报,干旱动画在这两者间反复切换(即闪红),我们可以到上面看它们是怎么被定义的。

以"water-level.dry.red"为例

image.png.a7ae0efae4e6fd3f8a6bbd820186060f.png

又看到了“water-level.warning”和"teardrop.warning",咱们继续往上找定义。

image.png.4ba80410d3d4c929f40ae2005247524c.png

image.png.ac4a10da7bacd0857cc0bb193ab3e3cf.png

诶你看到这个xywh心里大概就有数了,这很可能就是这个对象在素材图water-levels.png的部分。没错,xywh="13,3,8,11"指的就是这张图里从(13,3)这个像素点开始,宽8个像素,高11个像素的矩形里的内容。我们在PS里打开一看,确实是红色水滴。

那以此类推,"water-level.warning"指的就是红色水槽,由五个截取到的素材组合而成。

那这个名为"water-level.dry.red"的部块就很清晰了,它是由一排水槽和五个红色水滴组成的,四个水滴的inset则是从中间开始的偏移量,让它们以第三个水滴为中心排布开来。

以上,读懂了代码块,我们就能很方便的进行正式修改

首先在素材图里截取我们自己新加进去的部分

image.png.b987993bb64844bf8ed16281591a6b95.png

暂且命名为"dangerous"

然后修改红色警报"water-level.dry.red",咱们既不用红框,危字也仅需一个,所以把其他的都删掉或者注释掉(注释格式:<!--原代码-->,详见xml语法教程)

image.png.d6829ee07d715fe667b57fdbf370d0c9.png

欸给它改成这样,加了-5的偏移量是因为实际看上去危字有点偏右了。

再修改蓝色水槽,在我的方案里不显示这一部分,那就全部注释掉。

image.png.3885d80be7ca0ad8e392bdda3c10915a.png

保存然后重启游戏,至此就大功告成了。

下面是我修改过的文件,感兴趣的直接覆盖到路径里就可以了。

链接: https://pan.baidu.com/s/1ZXVxs0yzJsyq8PUsYvhh9A 提取码: jga8 

没学过xml,有错的地方望大佬指出。

非常好,建议:在B站发个视频

Link to comment

这个还挺好玩的 在大佬的启发下 我完成了满水的动画 (在浇满水后会跳出一个可爱的伊布 ( ̄y▽ ̄)~*捂嘴偷笑) 在不同水情况下会分别显示出太阳伊布(一滴水)  仙子伊布(两滴水) 草伊布(三滴水) 冰伊布(四滴水)火伊布(缺水)水伊布(泛洪)火伊布和水伊布是和大佬的“危”同样的效果(这里只有一张 冰伊布(四滴水)的截图 因为我太懒了 没有截下不同时间的图 嘿嘿嘿)

103933374_.gif

四滴水.png

Link to comment
于2021/8/21 PM7点25分,Acet 说:

这个还挺好玩的 在大佬的启发下 我完成了满水的动画 (在浇满水后会跳出一个可爱的伊布 ( ̄y▽ ̄)~*捂嘴偷笑) 在不同水情况下会分别显示出太阳伊布(一滴水)  仙子伊布(两滴水) 草伊布(三滴水) 冰伊布(四滴水)火伊布(缺水)水伊布(泛洪)火伊布和水伊布是和大佬的“危”同样的效果(这里只有一张 冰伊布(四滴水)的截图 因为我太懒了 没有截下不同时间的图 嘿嘿嘿)

103933374_.gif

四滴水.png

改成这个的有教程吗 hxd

(试图直接白嫖

Edited by Badddd
Link to comment
10小时前,Badddd 说:

改成这个的有教程吗 hxd

(试图直接白嫖

我太懒了 不太想去做教程 自己做很容易 阐述出来太麻烦了

最近更新比较频繁 我整理一下 弄好了你直接白嫖算了

Link to comment
1小时前,Acet 说:

我太懒了 不太想去做教程 自己做很容易 阐述出来太麻烦了

最近更新比较频繁 我整理一下 弄好了你直接白嫖算了

感谢hxd~ 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.