cx20
September 9, 2020, 3:35pm
#1
I previously tried CubeMap with a 6-sided jpeg texture.
@slimbuck Thanks! I think the display of the sample has been improved.
PlayCanvas + Skybox result:
[image]
I’m trying out Cubemap and IBL samples with some libraries in gltf-test.
If possible, I would like to make Cubemap/IBL samples as recommended by each library.
PlayCanvas Viewer seems to use HDR file for Cubemap/IBL, so I would like to use it, but I don’t know how to do it. I would appreciate any advice on how to use HDR files.
However, the overall background appears to be dark.
PlayCanvas + CubeMap result:
I expect the following results
Probably because the color profile embedded in the jpeg is not referenced.
Hmm, that’s a good question, calling @slimbuck , he may know how to do this.
Hi @cx20 ,
When I load the JPG in the browser it looks gamma correct so I don’t believe that’s the issue. I guess another setting must be off. Can you share code for me to take a look?
Thanks!
cx20
September 10, 2020, 2:23pm
#4
Hi @slimbuck Thank you for your reply.
The code to display the current CubeMap is as follows
let cubemapAsset = new pc.Asset('papermill', 'cubemap', {
url: "../../textures/dds/papermill.dds"
}, {
"textures": [
"../../textures/papermill/specular/specular_right_0.jpg",
"../../textures/papermill/specular/specular_left_0.jpg",
"../../textures/papermill/specular/specular_top_0.jpg",
"../../textures/papermill/specular/specular_bottom_0.jpg",
"../../textures/papermill/specular/specular_front_0.jpg",
"../../textures/papermill/specular/specular_back_0.jpg",
],
"magFilter": 1,
"minFilter": 5,
"anisotropy": 1,
"name": "Papermill",
// 1. rgbm specification of cubemap is changed to default
// https://forum.playcanvas.com/t/how-to-dynamically-configure-skybox-with-javascript/12980/8
//"rgbm": true,
"prefiltered": "papermill.dds"
});
show original
Hi @cx20 ,
Sorry for my slow response.
Turns out you’re right! The JPG’s color profile is completely ignored by the engine. This appears to be a WebGL option which we set at https://github.com/playcanvas/engine/blob/master/src/graphics/device.js#L965 .
I will investigate further why this is disabled, but for now I suggest re-saving the images with a plain old sRGB color profile instead. (GIMP’s built in sRGB profile seems to work fine).
Thanks!
1 Like
cx20
September 11, 2020, 3:21pm
#7
I noticed a high quality HDR file in the following repository and decided to export it to JPG again using GIMP from there.
Below are links to new samples and display results. I think it’s much better than before.
PlayCanvas + new CubeMap result:
