The WeChat applet IOS terminal accesses the playcanvas, and the display is abnormal

[wei292224644]

When using playcanvas as the webgl rendering engine of the WeChat applet, the effects of lighting and skybox can be displayed normally in the emulator. However, when debugging with a real device, the lighting and skybox cannot be displayed normally. Model is black.

playcanvas version :1.58.1 wechat version: 8.0.29 phone: iphone 12 pro phone version : ios16

demo path:https://github.com/wei292224644/playcanvas-wechat-simple

[slimbuck]

Hi @wei292224644,

• can you see any errors in the logs?
• which device are you testing on?
• how can we run the app?

Thanks!

[wei292224644]

• no error log appears. shader compilation is also normal.
• test with iphone 12 pro. system version is ios16.
• IDE URL:https://developers.weixin.qq.com/miniprogram/en/dev/devtools/devtools.html

1. You need to register a WeChat account and use this account to log in to the IDE.(https://developers.weixin.qq.com/miniprogram/en/dev/devtools/page.html#Startup-Page)
2. clone https://github.com/wei292224644/playcanvas-wechat-simple
3. IDE import project (may need to click "test number")
4. Open the WeChat software in the mobile phone
5. Click the real device debugging button to test in the mobile phone (video 0:00:38)

https://user-images.githubusercontent.com/16398073/203519572-1f887d1d-9e15-4bd5-87fe-70858331ed95.mp4

[mvaligursky]

This could be related to using a cubemap faces for skydome. When the project starts, a cubemap is created from these, and then internally in the engine, the cubemap is converted to image based lighting probe in the envAtlas format. The problem we currently have is that when a device is lost, the engine does not re-generate this IBL probe and it stays black.

If this is the case, then @slimbuck plans to work on a new workflow, that is available in the engine already, but needs to be exposed in the Editor. Instead of using cubemap, the IBL in png format is created offline, and used directly. As this does not involve any render targets, it does not have any problem with lost device.

This is easy to test / use with the engine only example. In the Editor, this can be done by using a script, instead of specifying cubemap in the settings as skydome:

• try using this ibl file: https://github.com/playcanvas/engine/blob/main/examples/assets/cubemaps/helipad-env-atlas.png
• set it up like this using the script

              this.app.scene.envAtlas = asset.helipad.resource;

  Loading of the asset has been left out from this example.

[mvaligursky]

I'm closing this. Please reopen if this does not solve your issue.