Skybox pixelated

🌵 Needle Engine
1

Hi! Feeling a bit silly, because this issue is documented, anyhow i still run into the problem of a pixelated skybox. I’m using a custom cubemap and already override the import settings in unity, I’ll attach some further screenshots for clarification.
I already tried adding the additional SkyboxExportSettings, but no luck.
Any help would be appreciated :slightly_smiling_face:

Bildschirmfoto_2023-11-03_um_11.40.29.png
Bildschirmfoto_2023-11-03_um_11.40.29.png3006×1652 178 KB

Bildschirmfoto_2023-11-03_um_11.40.48.png
Bildschirmfoto_2023-11-03_um_11.40.48.png1402×1642 224 KB

https://cdn.discordapp.com/attachments/1169949747151380480/1169949750682984498/cubemap2.png?ex=65d8769d&is=65c6019d&hm=c0e62b1147cfd33323e84f6ef683505d7769147dcd41d1b82eaad8acd49caebf&(image larger than 2 MB)

Original Post on Discord

by user 263717937473519619

2

Hey :wave: this component can override the skybox resolution, perhaps you have it in the scene somewhere?
image.png

3

Or you can set the desired resolution with it.

4

just checked again, there’s no other reference to skyboxExportSettings in my scene, and even if i try to set the resolution that way, I’m still get the same result
Bildschirmfoto_2023-11-03_um_11.50.10.png

by user 263717937473519619

5

And what do you dislike about the result the most? The low res or the color banding.
image.png

6

Can you check the default import settings and make sure to not have a lower import resolution there?

7

color banding is not great but I’m mostly concerned about the bluriness

by user 263717937473519619

8

@marcel :cactus: are you talking about these default import settings?
Bildschirmfoto_2023-11-03_um_11.55.23.png

by user 263717937473519619

9

if i bump it up to 8192 i would be concerned about the size of the output file, i mean 2048 is already pretty big

by user 263717937473519619

10

another workaround i have thought of would be to add a gaussian blur in photoshop

by user 263717937473519619

11

Can you put the same texture on a plane and see the quality there?

12

yep, looks fine there :slightly_smiling_face:

Bildschirmfoto_2023-11-03_um_12.12.07.png
Bildschirmfoto_2023-11-03_um_12.12.07.png1330×844 37.9 KB

by user 263717937473519619

13

Could you report this as a bug and then we can get to a workaround?

image.png
image.png751×262 15.1 KB

14

just uploaded :slightly_smiling_face:

by user 263717937473519619

15

awesome :+1:

Option A (the simplest), is to have your own mesh acting as the skybox: https://sketchfab.com/3d-models/360-panorama-mapped-onto-a-sphere-511e40baf29147769ae30d7e19fc9431

Option B, would be to assign the skybox in runtime.

16

thanks, I’ll try to assign it during runtime and see where it gets me

by user 263717937473519619

17

Hi @cetaryl did you have any luck so far?
Can you try if the following script works for you?

export class MyScript extends Behaviour {

    //@type UnityEngine.Cubemap
    @serializable(Texture)
    mySkybox?: Texture;

    start() {
        if(this.mySkybox){
            this.mySkybox.mapping = EquirectangularRefractionMapping;
            this.context.scene.background = this.mySkybox;
        }
    }
}
18

yes, that works, thank you. I’m still trying to figure out how to fix the low resolution though

by user 263717937473519619

19

Hello @cetaryl turns out that this is a issue in threejs Using a texture as `scene.background` is blurrier than it should · Issue #27501 · mrdoob/three.js · GitHub

20

Oh well, good to know :sweat_smile:

by user 263717937473519619