MacOS Sierra and Skybox / Cube texture bug

[AlbertTJames]

Hey,

 

I just upgraded to OSX Sierra and this bit of code does not work anymore on chrome :

/* --- Skybox --- */
  var skyboxObject = BABYLON.Mesh.CreateBox("skyBox", 10000.0, scene);
  var skyboxMaterial = new BABYLON.StandardMaterial("skyBox" + sceneKey, scene);
  skyboxMaterial.backFaceCulling = false;
  skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture(taskObject.ASSETS_FOLDER + "/textures/fantasy/Sky",
    scene, ["_px.png", "_py.png", "_pz.png", "_nx.png", "_ny.png", "_nz.png"]);
  skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;
  skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);
  skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);
  skyboxObject.material = skyboxMaterial;
  skyboxObject.rotation.x = Math.PI;

 

I get this :

 

Only one side of the cube. No error in the console.

 

I will try to get more information on this, I have been swamped these past few days... sorry.

 

This bug is not present in safari.

[GameMonetize]

If this is browser related you should mention it on their bug tracking system

[Vousk-prod.]

I'm pretty sure this is related to

but for now I was not able to solve it yet so far...

[stormwarestudios]

Hello,

I am experiencing this as well... thought I was going crazy until I did a bit of searching and came across this thread.

I'm on macOS Sierra 10.12 (16A323), noticed this bug after I'd updated.

Confirmed my code (similar in function to OP's code) still behaves as expected in Safari (Version 10.0 (12602.1.50.0.10)), however, Chrome (Version 54.0.2840.71 (64-bit)) exhibits the one-side-per-skybox bug.

Related to this, I've tried engine.enableOfflineSupport = false but no change in behaviour.

I've reported this through Chrome's help tools, if there's a better medium please let me know...

[GameMonetize]

Please keep us posted

[Swiftwork]

I would like to quickly chime in that I have noticed this as well with macOS Sierra and Chrome. I will also try and figure out a work-around but this might be a tough one...

[stormwarestudios]

Just wanted to update that there has been no update yet... :-\

[wells]

Ah I have this same exact problem!

[GameMonetize]

Should be fixed on latest 2.6 version

[Swiftwork]

@Deltakosh this issue still arises for me with MacOS Sierra 10.12.2 even with the latest build, both locally and in the playground. Do you know the cause and how the fix was attempted in the latest preview version? Is it something I must do locally?

Kind Regards
/Swiftwork

[GameMonetize]

It is a platform bug unfortunately. Can you try to set engine._badOS = true before creating the cubemap? this may helps

[Swiftwork]

6 hours ago, Deltakosh said:

It is a platform bug unfortunately. Can you try to set engine._badOS = true before creating the cubemap? this may helps

The issue still persists even with the _badOS flag set to true :/

[GameMonetize]

Unfortunately we have to track it with browsers vendors  It is not a bug in Babylon.js as it works everywhere else.

 

If you find the source (I have no Mac) I can try to work on a workaround

[Valkan]

I found some kind of workaround by passing the noMipMap parameter to true when calling the CubeTexture's constructor.

 

Here is the example : http://www.babylonjs-playground.com/#1N0TVT

[GameMonetize]

ok so you confirm it is related to mipMap?

[stormwarestudios]

For anyone coming across this in 2018, the problem is solved in Babylon v3.2.0-alpha0; however, you may need to lower skybox texture sizes to 1024x1024 if they are higher.

I've been able to get this to work without the engine._badOS = true and without noMipMap set to true, using 1024x1024 skybox textures. When using something higher (all 2048x2048, for example), only one side appears.

[MackeyK24]

On 1/9/2018 at 3:04 PM, stormwarestudios said:

For anyone coming across this in 2018, the problem is solved in Babylon v3.2.0-alpha0; however, you may need to lower skybox texture sizes to 1024x1024 if they are higher.

I've been able to get this to work without the engine._badOS = true and without noMipMap set to true, using 1024x1024 skybox textures. When using something higher (all 2048x2048, for example), only one side appears.

That’s weird... I use full 8k hdr panorama source images to bake out 2048 x 2048 beautifully HDR to LDR tonemaped png as my skyboxes ...my main pewter has always been Mac... and been running high Sierra... all my skyboxes render no problem and maintain the higest pixel precision possible and again beautifully tone mapped from super hi res hdr

 

let me know if you still having problems with skyboxes