【求助帖】高性能模式首帧渲染黑屏

  • 重现方式:
    场景:微信小游戏【首帧使用webgl渲染一张背景图】优化启动速度,子包的游戏包加载完成后自动运行【游戏场景】

1.【普通模式】iOSHighPerformance:false - webgl渲染bg.png 【正常】 :heart_eyes:- 子包加载完成后【游戏场景渲染正常】

2.【高性能模式】iOSHighPerformance:true - webgl渲染bg.png 【黑屏】 :cold_face: - 子包加载完成后【游戏场景渲染正常】 - 无相关报错日志

  • 首个报错:无错误日志
  • 测试手机型号:iphone 12 pro / iphone 8
  • 重现概率: 必现
  • Demo:
    minicode.zip (50.3 KB)

PS:本人技术能力有限,只会搬砖;对webgl不太懂,希望有人帮俺看看,谢谢啦!按理说黑屏后并不影响游戏主题的运行,但是完美主义强迫症严重,非常难受,睡不着觉。救命!!

诚然,这个demo的核心代码也是搬的论坛的 :rofl:
参考

这个没研究过,很抱歉帮不上忙。。就是好奇问一句,入过万是谁?

image

1赞

大佬牛逼!!!感激不尽!谢谢!

开启高性能 webgl渲染图片黑屏
微信那边大佬也给了一个手动设置宽高的方案,也能解决此问题;给后来人参考!


function drawImg(imgPath) {
let canvas = wx.createCanvas(); //获取绘制二维上下文
// 初始化canvas后首先手动设置canvas宽高,可解决本贴问题
canvas.width = 375;
canvas.height = 812;

可以试试用微信小游戏平台提供的首屏插件:
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxbd990766293b9dc4&token=&lang=zh_CN

1赞