【干货】Cocos Creator打包成微信小游戏替换启动背景图

https://tinygimp.com/thread-52-1-1.html

玩微信小游戏时,发现许多小游戏都保留了cocos那个默认的启动页,看起来不是很专业。

上面的文章是一个简单替换微信小游戏启动加载背景的教程。

重点: first_screen.js中initBgVertexBuffer函数有点bug, vertex buffer顶点写错了,会导致替换后的图片上下颠倒。

WebGL中,纹理坐标系的原点(0.0, 0.0)位于左下角,而图像文件的原点位于左上角。

正确的顶点定义应该是
const vertices = new Float32Array([
-1.0, -1.0, 0.0, 1.0, // 左下角(纹理坐标0.0, 1.0 -> 图像左下角)
1.0, -1.0, 1.0, 1.0, // 右下角(纹理坐标1.0, 1.0 -> 图像右下角)
-1.0, 1.0, 0.0, 0.0, // 左上角(纹理坐标0.0, 0.0 -> 图像左上角)
1.0, 1.0, 1.0, 0.0 // 右上角(纹理坐标1.0, 0.0 -> 图像右上角)
]);