Custom Loading Screen

Custom Loading Screen

3M Downloads

It would be good to make background one image and not block textures

DenizUgur opened this issue ยท 29 comments

commented

Like this image
wiki-background_update_2

commented

You can do that, its just that the entire screen must be "cleared" to a specific colour, and that is what makes the background. You can add sections to the "images.json" file to get that background (although I don't think you can currently set the height to the screen's height so that may be an issue). Its not currently documented however so I don't blame you for not knowing how to do it.

commented

However I could be misinterpreting your statement if what I said above doesn't make much sense.

commented

Then can you give me the config to manage this. Image size is 2000 height and 1024 width. Also another thing while I was trying to make the loading screen look good I was decompiling your jar putting my image then recompiling so I can access my picture. Is there any other way to tell config where is my image

commented

Two options: 1 is make your own texture pack (not recommended) or the other is to use something like ResourceLoader and follow its instructions for the location.

You would need to add these lines to the start of the images.json file:

  {
    "resourceLocation": "betterloadingscreen/background_sky.png",
    "positionType": "TOP_LEFT",
    "type": "STATIC",
    "texture": {
      "x": 0,
      "y": 0,
      "width": 256,
      "height": 256
    },
    "position": {
      "x": 0,
      "y": 0,
      "width": 2000,
      "height": 1024
    }
  },

Note however that the postion width and height is slightly wrong, and you would probably need to play around with the width and height values (currently 2000 and 1024) to get what you wanted properly.

commented

Note that you would have to change the "background_sky.png" to whatever name the image actually is

commented

I'm testing it now

commented

OK. First of all ResourceLoader showed my clouds as pink pattern, second I can only see the top left corner.

commented

Can I have a screenshot and the contents of your images.json file (And ideally a log file as well) please?

commented

images.json: http://hastebin.com/punevereso.ini
log (I force quited minecraft that's why it ends unexpectedly): http://hastebin.com/javesipivu.vhdl
screenshots:
screen shot 2015-07-20 at 22 42 14
screen shot 2015-07-20 at 22 42 42

commented

Thanks. Looks like I will need to fix a bug to make this work (This might take a little while)

commented

Okay no problem I will stick with the default config. How can I get informed when you release the new version

commented

I will post it here. Its a small fix (I'm building it now) and then it will be up on curse for everyone to download)

commented

With this new version, you will have to change the

"width":2000,
"height":1024

to

"width":0,
"height":0
commented

Its been uploaded to curse, they are approving it now. If your impatient then go to https://drone.io/github.com/AlexIIL/BetterLoadingScreen_1.7/files and download the mod there :)

commented

That was fast :) Thank you for helping me on this

commented

Its a small issue that was half addressed already by some-one else (who thought it was a good idea to let the width of a component be the screen's witdth, but never implemented the height)

commented

It would be nice if you update me on whether it works or not :)

commented

I'm testing it now

commented

Ummm
screen shot 2015-07-20 at 22 59 47

commented

Oh.

commented

Out of interest, can i see your log file and images.json again?

commented

wait my bad. I just copied and pasted your post for images.json

commented

forgot to change the path :D

commented

So... it all works well and good now?

commented

Thank you
screen shot 2015-07-20 at 23 03 01

commented

Below the block that added the texture, add a block similar to this:

{
    "resourceLocation": "textures/gui/title/mojang.png",
    "positionType": "CENTER",
    "type": "STATIC",
    "texture": {
      "x": 0,
      "y": 0,
      "width": 256,
      "height": 256
    },
    "position": {
      "x": 0,
      "y": 0,
      "width": 256,
      "height": 256
    }
  },

However change the resource location to whatever logo you want (The mojang logo wont work that well as its not transparent)

commented

I'm probably going to include a transparent version of the mojang logo at some point (so not yet) as it would be kinda helpful

commented

Yup I resized in Photoshop and it works like a charm.
screen shot 2015-07-20 at 23 30 26

commented

good good :)
(Please close the issue if you think its done)