一种基于WebWorker的Pixi.js协同渲染方法和装置制造方法及图纸

本申请提供一种基于WebWorker的Pixi.js协同渲染方法、装置、计算设备和计算机可读存储介质，该方法在浏览器主线程中创建OffscreenCanvas发送给第一worker实例，从而将基准测试的任务与渲染解耦；并将设备的基础参数发送给第二worker实例，在第二worker实例中对需要加载的资源进行优先级排序；进一步地在主线程中通过结合worker返回的测试结果数据和预加载资源清单，实现Pixi.js渲染器的动态调整和配置，根据当前的设备与网络环境优化纹理和着色器的选择，从而对应用的视觉表现进行微调以最好地匹配设备的能力，确保了良好的用户体验，优化了大型Pixi.js项目下应用的性能。

【技术实现步骤摘要】

本申请涉及计算机，特别涉及一种基于webworker的pixi.js协同渲染方法、装置、计算设备和计算机可读存储介质。

技术介绍

1、在现有技术中，pixi.js是一款轻量级的2d webgl渲染引擎，广泛应用于众多web游戏以及复杂动画效果的实现领域，已成为开发者在构建互动式web应用时的常用工具。然而，随着web应用的发展和复杂度的增加，pixi.js在处理高资源负载场景(如复杂游戏及大数据可视化等)时，逐渐显露出一些局限性。主要在于pixi.js依赖于主线程来处理其渲染逻辑，这种依赖限制了其将计算任务进行多线程处理的能力。因此，当pixi.js需要进行大量的cpu密集型操作(例如物理模拟和大数据处理)时，可能会导致主线程负载过重，进而阻塞用户界面的响应，影响了用户体验。

技术实现思路

1、有鉴于此，本申请实施例提供了一种基于webworker的pixi.js协同渲染方法、装置、计算设备和计算机可读存储介质，以解决现有技术中存在的技术缺陷。

2、根据本申请实施例的第一方面，提供了一种基于web本文档来自技高网...

【技术保护点】

1.一种基于WebWorker的Pixi.js协同渲染方法，其特征在于，包括：

2.根据权利要求1所述的方法，其中，所述第一WebWorker实例根据所述OffscreenCanvas实例执行WebGL基准测试包括：

3.根据权利要求2所述的方法，其中，所述第二WebWorker实例生成资源优先级列表包括：

4.根据权利要求3所述的方法，其中，该方法还包括：浏览器主线程通过消息传递机制，将屏幕尺寸数据和网络状态信息从主线程传递给所述第二WebWorker实例。

5.根据权利要求3所述的方法，其中，所述第二WebWorker实例根据设备基础参...

【技术特征摘要】

1.一种基于webworker的pixi.js协同渲染方法，其特征在于，包括：

2.根据权利要求1所述的方法，其中，所述第一webworker实例根据所述offscreencanvas实例执行webgl基准测试包括：

3.根据权利要求2所述的方法，其中，所述第二webworker实例生成资源优先级列表包括：

4.根据权利要求3所述的方法，其中，该方法还包括：浏览器主线程通过消息传递机制，将屏幕尺寸数据和网络状态信息从主线程传递给所述第二webworker实例。

5.根据权利要求3所述的方法，其中，所述第二webworker实例根据设备基础参数以及网络状态对需要加载的资源进行优先级排序包括：

6.根据权利要求3所述的方法，其中，所述第二webworker实例根据设备基础参数以及网...

【专利技术属性】
技术研发人员：翟效杨，袁冠鹏，李建良，郭子文，张洪保，安晓宇，肖春天，朱泽宇，何雨泉，杨东，林逸，杨利华，乐坚强，
申请(专利权)人：在线途游北京科技有限公司，
类型：发明
国别省市：