rendering not the same on pc and mobile

[guzuomuse]

i'm learning pbrMaterial

i found that the rendered results are not the same on computer and mobile device

 

[guzuomuse]

sorry for this important info,the texture image is "transparent"

 

[aWeirdo]

What mobile OS?
What browser & browser version?
Have you tried different browsers? Which?

Also, some code would be nice  

[Guest]

can you repro on the PG? can you make sure that you have no network issue on mobile? (looks like the environment texture is not loaded)

[guzuomuse]

oh sorry @aWeirdo @Deltakosh,i'm back....

I only test on my mobile(jailed,you know  )

mobile: Iphone5s version 9.33

pc browses: any "morden" brower .chrome opera firefox.etc.

all browser look like act right.but the mobile is going wrong. they have different rendering results.

@Deltakosh,

i 'm sure there is no network issue, because i test on my local server.

i want to create a PG.but i Don't know how to upload the ".babylon" file assets.so i put the code here;actually, the code is very simple:

 

  test_pbr() {
    BABYLON.SceneLoader.Load('/assets/', 'test_2.babylon', this._engine, (newScene) => {
      this._scene = newScene;
      this._scene.clearColor = new BABYLON.Color4(1, 1, 1, 0);
      const materials = newScene.materials;
      const meshes = newScene.meshes;
      const test_pbr_m = new BABYLON.PBRMaterial(materials[0].name, newScene);
      const material_0 = materials[0], material_1 = materials[1];
      material_0.dispose();
      const mesh_0 = meshes[0];
      //// camera setting-start///
      const camera = newScene.activeCamera as BABYLON.ArcRotateCamera;
      const test_ratio = this._engine.getAspectRatio(camera);
      if (test_ratio >= 1) {
        // this._engine.resize();
      } else {
        camera.radius = camera.radius / test_ratio;
        camera.maxZ = camera.maxZ / test_ratio;
      }
      camera.lowerRadiusLimit = camera.upperRadiusLimit = camera.radius;
      camera.allowUpsideDown = false;
      newScene.activeCamera.attachControl(this._canvas);
      //// camera setting-end///
      test_pbr_m.albedoColor = new BABYLON.Color3(1.000, 0.766, 0.336);
      test_pbr_m.metallic = 0;
      test_pbr_m.roughness = 1;
      test_pbr_m.reflectionTexture = BABYLON.CubeTexture.CreateFromPrefilteredData('/assets/environment.dds', newScene);
      test_pbr_m.albedoTexture = new BABYLON.Texture('/assets/touming_1.png', newScene);
      const multimat = new BABYLON.MultiMaterial('multi', newScene);
      multimat.subMaterials.push(test_pbr_m);
      multimat.subMaterials.push(material_1);
      mesh_0.material = multimat;
      // newScene.lightsEnabled = false;
      mesh_0.material = test_pbr_m;
      this.doRender();
    });
  }

 

[Guest]

This is a rather old version of Safari. Can you try to move to ios10 or 11?

[guzuomuse]

@Deltakosh,as your command,i have update my ios version to the "latest" -11.3.1-15E302 

unfortunately. also don't work right. the same as the old version.

 

[Guest]

Can you share it in a page somewhere with a ref to Babylon.max.js? I will debug it