Jump to content

[教程] 自定义登录界面的背景


Recommended Posts

    游戏的默认主题并没有启动界面的背景图片,或者说,在不修改代码的情况下只能靠套用别人已经完成的主题来实现改变背景。

    所以这里分享一下实现自定义登录界面的背景的操作,让各位既能放上自己的美图,又能保证其它界面的原始风格。

 

    在预设情况下,登录界面的背景是动态的黑白龙,而我们要做的就是通过代码和文件两个部分的操作,放一张背景图片(盖住它)。

    提示:接下来的修改都直接对游戏默认主题(文件名default)进行操作。但如果出现意外,会导致游戏无法正常启动,所以强烈建议提前手动备份,出现意外后覆盖回来。

    另外一提,只有电脑端能玩主题,手机端玩不了。

    下面正式开始。

 

  1. 打开主题文件存放的目录。PokeMMO\data\themes\default (最后一层路径是你要修改的对应的主题名)
  2. 用“记事本”打开"main-widgets.xml"这个文件。
  3. 在文件的30多行的位置找到以下代码。
      <!--Login Frame--> 
      <theme name="logingui" ref="-defaults">

    然后在其后新增一行,加入以下代码。

       <param name="background"><image>login-background</image></param>

    保存,关闭。

  4. 接下来打开"gfx.xml",在同一文件夹下,也用“记事本”打开。

  5. 拉到文件的末尾,在最后一行(最后一行是</themes>)的前面新增一行,加入以下代码。

      <images file="res/background.png">
         <area name="login-background" xywh="*"/>
      </images>

    然后保存,关闭。代码部分修改完毕。

  6. 接下来去放我们的图片。将我们想要设为背景的图片名字设为"background",并确保其为png格式。图片的尺寸大小没有固定要求,长宽比例与游戏分辨率一致(一般为16:9)即不会失真。如果尺寸比例或格式有偏差,自行调整即可。

  7. 将图片放在PokeMMO\data\themes\default\res文件夹中。大功告成,可以启动游戏预览效果了。Have fun!


    两处代码修改&我自己用的一张背景的截图:

折叠

 

197813590_QQ20201130213211.jpg.bbf431bec3e808c93a443deb4e6a7d6b.jpg

2006825223_QQ20201130213252.jpg.9337ad2681720ce0a920397449c469ee.jpg

1890855716_.thumb.jpg.b82ec573ce6dce835f7449b27b009c77.jpg

 

 

 

Link to comment
24分钟前,Xamds 说:

图片容易被拉变形,会看怪怪的怎么解决呢。

点开游戏设置,你可以看到自己的画面分辨率,用工具把自己图片裁剪成对应比例就不会变形。

如果开最大化窗口进行游戏,直接根据自己电脑屏幕分辨率调整图片比例即可。

25分钟前,Xamds 说:

有办法能把这里改成视频或者动态图片吗。

好像不行哦

Link to comment
  • 1 month later...
  • 8 months later...
23小时前,skyhorse 说:

请问有办法改输入栏位的透明度吗?
 

简单说就是图片中间的位置被挡住,看了有点难受。

可以改,我有看到其他主题的登入框是透明的。但是我还不会清楚定位操作XDD 你可以自己试一下,或者套用其他主题的那一张ui图片即可。

需要更改的内容在res/pokemmo_ui.png这张图片中。用ps打开,并调节对应部分的透明度就行了。

图片各部分像素使用的位置,可参看gfx_ui.xml这个文档。

Link to comment
16小时前,dorybo 说:

可以改,我有看到其他主题的登入框是透明的。但是我还不会清楚定位操作XDD 你可以自己试一下,或者套用其他主题的那一张ui图片即可。

需要更改的内容在res/pokemmo_ui.png这张图片中。用ps打开,并调节对应部分的透明度就行了。

图片各部分像素使用的位置,可参看gfx_ui.xml这个文档。

好的,谢谢

我对主题这方面完全不懂,我只能去找到透明主题的UI并替换了

Link to comment
  • Clara changed the title to [教程] 自定义登录界面的背景
  • 3 months later...

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.