Skybox troubles

🌵 Needle Engine
1

Hi !

Sorry for bothering you, I’m currently working on adding a skybox in my scene.
Problem : When I use the SkyboxExportSettings, if I try to export the most basic quality with a 4K image, I need to use 2048 quality export which make my glb 7Mo => 23Mo.
If I don’t, (like 512/1024) my skybox is terribly pixelised . (and in 2048 it’s look terrible too)

I tried to find the skybox settings recommendation on the documentation but I didn’t find it.

Can you help me ?

Original Post on Discord

by user 224464722878005248

2

Can you show a screenshot of your skybox?

3

The sky is in 1024 resolution here

unknown.png
unknown.png2364×1057 356 KB

by user 224464722878005248

4

Mind dropping the source file of your skybox here?

5

Also, which exporter version are you on?

6

image.png
image.png906×596 63.2 KB

by user 224464722878005248

7

sky_4k.jpg
sky_4k.jpg3224×1920 1.68 MB

by user 224464722878005248

8

2.49.0

by user 224464722878005248

9

Thanks! Do you get the same issues when you use Skybox/Cubemap and turn the input into a cubemap?

10

I try cubeMap

by user 224464722878005248

11

But I can’t use cubeMap, I can’t select my jpg file as texture

by user 224464722878005248

12

image.png
image.png904×500 27.6 KB

by user 224464722878005248

13

I can’t add my texture in Cubemap (HDR)

by user 224464722878005248

14

You need to select it and change import settings to Cubemap

15

image.png

by user 224464722878005248

16

With cubemap

by user 224464722878005248

17

Hm, looks the same pixelated. Thanks - I’ll try to reproduce!

18

Hi !
Just to add more informations, three js handle perfectly when I add my own CubeMap.
Here :

by user 224464722878005248

19

image.png
image.png990×1104 223 KB

by user 224464722878005248

20 

import { Behaviour, GameObject } from "@needle-tools/engine/engine-components/Component";
import * as THREE from 'three';

export class addCubeMap extends Behaviour
{
    start() {
        this.context.scene.background = new THREE.CubeTextureLoader()
            .setPath( '../../include/' )
            .load( [
                '../../include/sky_4k_cube.jpg',
                '../../include/sky_4k_cube.jpg',
                '../../include/sky_4k_cube.jpg',
                '../../include/sky_4k_cube.jpg',
                '../../include/sky_4k_cube.jpg',
                '../../include/sky_4k_cube.jpg',
            ] );
    }

}
```*

*by user 224464722878005248*