小游戏优化-首屏渲染

本文探讨了如何优化小游戏的首屏渲染,通过使用WebGL进行快速显示。首先创建2D上下文,然后加载首屏图片,并在图片加载完成后初始化WebGL,加载分包资源。使用WebGL创建和编译着色器,设置绘制区域和图片数据,最后清除颜色缓冲并绘制图像。
摘要由CSDN通过智能技术生成

目的:快速进入首屏渲染

// 创建一个 2d context
const gl = window.canvas.getContext(‘webgl’);

let needLoadNum = 0;

let image = wx.createImage();
image.onload = function () {
//webgl显示
initWebgl();
//开始加载首屏分包
let firstSubList = [“sub_a”, “sub_b”];
for (let i = 0; i < firstSubList.length; i++) {
needLoadNum++;
loadSub(firstSubList[i]);
}
}
image.src = “first.jpg”;
//分包加载
function loadSub(name) {
if (wx.loadSubpackage) {
wx.loadSubpackage({
name: name, fail: () => { loadSub(name); },
success: () => {
needLoadNum–;
if (needLoadNum == 0) goon();
}
});
} else {
needLoadNum–;
if (needLoadNum == 0) goon();
}
}

//继续引擎功能
function goon() {
console.log(“继续引擎功能”);<

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值