[發明專利]一種基于H5的3D模型加載優化的方法及系統

在審

• 申請號: 202110803940.4
• 申請日: 2021-07-16
• 公開（公告）號: CN113505322A
• 公開（公告）日: 2021-10-15
• 發明（設計）人: 劉德建;鄭彬;岳萬恕;陳宏展
• 申請（專利權）人: 福建天晴數碼有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 福州旭辰知識產權代理事務所(普通合伙) 35233
• 代理人: 程勇

本發明提供了一種基于H5的3D模型加載優化的方法，所述方法包括以下步驟：步驟S1、加載模型列表，將不同的加載器封裝到不同的腳本文件中；步驟S2、根據模型類型匹配不同的加載器；步驟S3、調用JS多線程模塊，通過主副線程數據交互監聽函數，在主副線程之間共享數據；步驟S4、根據JS多線程模塊計算得到結果，插入H5主頁中，呈現效果圖；本發明能夠采用JS多線程，將大量計算移至線程內處理后再返回給主線程，優化加載3D模型。

技術領域

本發明涉及計算機技術領域，特別是一種基于H5的3D模型加載優化的方法及系統。

背景技術

傳統使用WebGL(全寫Web Graphics Library，是一種3D繪圖協議)展示3D模型時由于模型的加載需要進行大量的計算，會嚴重阻塞瀏覽器的UI交互，影響操作體驗。

發明內容

為克服上述問題，本發明的目的是提供了一種能夠采用JS多線程，將大量計算移至線程內處理后再返回給主線程，優化加載3D模型的方法。

本發明采用以下方案實現：一種基于H5的3D模型加載優化的方法，所述方法包括以下步驟：

步驟S1、加載模型列表，將不同的加載器封裝到不同的腳本文件中；

步驟S2、根據模型類型匹配不同的加載器；

步驟S3、調用JS多線程模塊，通過主副線程數據交互監聽函數，在主副線程之間共享數據；

步驟S4、根據JS多線程模塊計算得到結果，插入H5主頁中，呈現效果圖。

進一步的，所述步驟S1進一步具體為：加載3D模型的文件集合，將不同的JS腳本文件根據3D模型類型獨立封裝到不同的腳本文件內。

進一步的，所述步驟S2進一步具體為：根據不同的3D模型類型匹配不同的JS腳本文件，所述3D模型類型分為人物、地圖和建筑物等模型類型。

進一步的，所述步驟S3進一步具體為：調用JS多線程模塊，通過主副線程數據交互監聽函數，因為事先約定了數據格式，在主副線程之間共享數據，提高圖形繪制效率。

本發明還提供了一種基于H5的3D模型加載優化的系統，其特征在于：包括加載模塊、匹配模塊、調用模塊和呈現模塊，所述加載模塊，即加載模型列表，將不同的加載器封裝到不同的腳本文件中；所述匹配模塊，即根據模型類型匹配不同的加載器；所述調用模塊，即調用JS多線程模塊，通過主副線程數據交互監聽函數，在主副線程之間共享數據；所述呈現模塊，即根據JS多線程模塊計算得到結果，插入H5主頁中，呈現效果圖。

進一步的，所述加載模塊進一步具體為：加載3D模型的文件集合，將不同的JS腳本文件根據3D模型類型獨立封裝到不同的腳本文件內。

進一步的，所述匹配模塊進一步具體為：根據不同的3D模型類型匹配不同的JS腳本文件，所述3D模型類型分為人物、地圖和建筑物等模型類型。

進一步的，所述調用模塊進一步具體為：調用JS多線程模塊，通過主副線程數據交互監聽函數，因為事先約定了數據格式，在主副線程之間共享數據，提高圖形繪制效率。

本發明的有益效果在于：本發明能夠提高3D模型加載速度，優化加載體驗；采用JS多線程，將大量計算移至線程內處理后再返回給主線程；同時因為JS的多線程在數據交互時用過程函數的來傳遞數據，無法使用尋址模型，影響了使用效果及便利性，而本發明采用約定封裝數據格式的形式解決該問題，同時提升了效率。

附圖說明

圖1是本發明的方法流程示意圖。

圖2是本發明的系統原理框圖。

具體實施方式

下面結合附圖對本發明做進一步說明。