[發明專利]圖形加載方法與系統以及圖形渲染方法與系統

有效

• 申請號: 202110326782.8
• 申請日: 2021-03-26
• 公開（公告）號: CN112905293B
• 公開（公告）日: 2023-07-07
• 發明（設計）人: 陳宗豪
• 申請（專利權）人: 貝殼找房（北京）科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06T15/00
• 代理公司: 北京潤平知識產權代理有限公司 11283
• 代理人: 肖冰濱;王曉曉

本發明涉及渲染技術領域，公開一種圖形加載系統與方法及圖形渲染系統與方法。所述圖形加載方法包括：通過服務器對目標圖形進行預處理，以形成具有第一預設分辨率的第一預設數目個圖形及具有第二預設分辨率的第二預設數目個圖形；從服務器上加載第一預設數目個圖形，并將第一預設數目個圖形設置為天空盒的紋理，以采用第二預設分辨率渲染目標圖形；以及在檢測到系統內存的大小大于預設值的情況下，采用第一加載方式及具有第三預設分辨率的2D畫布，將天空盒的紋理漸進地替換為第二預設數目個圖形，以采用第二預設分辨率重新渲染目標圖形。本發明極大地壓縮天空盒的可視時間，并在瀏覽過程中無感知地使全景圖逐漸從模糊變得清晰。

技術領域

本發明涉及渲染技術領域，具體地涉及一種圖形加載方法、圖形加載系統、圖形渲染方法與圖形渲染系統、機器可讀存儲介質及電子設備。

背景技術

C端產品需要考慮多平臺兼容問題，圖片一般采用壓縮紋理和jpeg兩種格式：在安卓/PC環境下使用壓縮紋理圖片，一張圖片大約需要4MB流量；在IOS環境下由于兼容問題采用jpeg圖片，一張圖片約需要8MB流量。在4G網絡環境中，平均打開一張圖片的時間均在10s以上，且在畫布(3D/2D，即三維/二維)環境下無法使用交錯式圖片漸進加載(只能在完全加載完一張圖片后，才可繪制另一張圖片)。圖片的超長加載時間極其容易讓用戶產生假死的感覺，從而用戶通常會在圖片加載完成前關閉頁面。

發明內容

本發明的目的是提供一種圖形加載方法、圖形加載系統、圖形渲染方法與圖形渲染系統、機器可讀存儲介質及電子設備，其極大地壓縮天空盒的可視時間，并在用戶的瀏覽過程中無感知地使全景圖逐漸從模糊變得清晰，從而可極大地提高用戶的體驗和留存率。

為了實現上述目的，本發明第一方面提供一種圖形加載方法，所述圖形加載方法包括：通過服務器對目標圖形進行預處理，以形成具有第一預設分辨率的第一預設數目個圖形及具有第二預設分辨率的第二預設數目個圖形，其中，所述第一預設分辨率大于所述第二預設分辨率，所述第一預設數目與天空盒的形狀相匹配，以及所述第二預設數目是所述第一預設數目的兩倍以上的整數倍；從所述服務器上加載所述具有第一預設分辨率的第一預設數目個圖形，并將所述具有第一預設分辨率的第一預設數目個圖形設置為所述天空盒的紋理，以采用所述第二預設分辨率渲染所述目標圖形；檢測用于渲染所述目標圖形的系統內存的大小；以及在所述系統內存的大小大于預設值的情況下，采用第一加載方式及具有第三預設分辨率的2D畫布，將所述天空盒的紋理漸進地替換為所述第二預設數目個圖形，以采用所述第二預設分辨率重新渲染所述目標圖形，其中，所述第三預設分辨率大于所述第二預設分辨率。

優選地，所述將所述天空盒的紋理漸進地替換為所述第二預設數目個圖形包括：將所述第一預設數目個圖形進行等倍數放大，并將放大后的所述第一預設數目個圖形繪制在所述2D畫布上，其中，所述第一預設數目個圖形的總尺寸等于所述目標圖形的尺寸；將所述2D畫布設置為所述天空盒的紋理，以繼續渲染所述目標圖形；按照所述第二預設數目個圖形在所述目標圖形中的位置，對所述第二預設數目個圖形進行排序；從所述服務器上加載所述第二預設數目個圖形中的與所述天空盒的主視角覆蓋區域相對應的第一組圖形，并將所述第一組圖形繪制在所述2D畫布的相應位置上，其中，所述第二預設數目個圖形包括：所述第一組圖形與第二組圖形；以及以所述第一組圖形的垂直方向上的對稱軸為中心，按照第一預設規則從所述服務器上依次加載所述第二預設數目個圖形中的所述第二組圖形，并按照所述第一預設規則將所述第二組圖形繪制在所述2D畫布的相應位置上。

優選地，所述按照第一預設規則從所述服務器上依次加載所述第二預設數目個圖形中的所述第二組圖形包括：以所述對稱軸為中心，沿水平方向往兩側逐漸展開的方式對所述第二組圖形中的非最頂層圖形及非最底層圖形進行加載；以及以所述對稱軸為中心，沿水平方向往兩側逐漸展開的方式對所述第二組圖形中的最頂層圖形及最底層圖形進行加載。