[發明專利]一種頁面展示方法、裝置、計算機設備及可讀存儲介質

在審

• 申請號: 202011558768.2
• 申請日: 2020-12-25
• 公開（公告）號: CN112560189A
• 公開（公告）日: 2021-03-26
• 發明（設計）人: 杜海龍;李靜帆;馬明信;李攀;柯康;沈克健
• 申請（專利權）人: 深圳壹賬通創配科技有限公司
• 主分類號: G06F30/15
• 分類號: G06F30/15;G06T15/00;G06T17/00;G06F16/9538
• 代理公司: 北京英特普羅知識產權代理有限公司 11015
• 代理人: 程超

本發明公開了一種頁面展示方法、裝置、計算機設備及可讀存儲介質，涉及應用程序展示技術領域，包括監控用戶在頁面上的操作，根據頁面操作獲得展示請求；根據所述展示請求調取關聯的目標文件；在瀏覽器頁面畫布上，調用渲染器并根據渲染器的操作結果展示所建立的三維汽車模型，實現汽車模型在瀏覽器畫布上的三維展示，解決了現有三維文件顯示一般需要安裝特定的軟件，當查看汽車配件圖像時，需要調用三維軟件打開，操作十分不便的問題。

技術領域

本發明涉及應用程序展示技術領域，尤其涉及一種頁面展示方法、裝置、計算機設備及可讀存儲介質。

背景技術

隨著市場經濟的發展，國內汽車的擁有量不斷增加，導致汽車售后配件的需求也不斷增高。但是目前在汽車配件網頁中，大多采用普通的配件圖片，無法對多方位查看配件細節。

因此，需要一種可以三維展示汽車配件的方法，但是，現有的三維文件顯示一般需要安裝特定的軟件，當查看汽車配件圖像時，需要調用三維軟件打開，無法直接在瀏覽器中直接查看，尤其是需要查看多個配件時，操作十分不便。

發明內容

本發明的目的是提供一種頁面展示方法、裝置、計算機設備及可讀存儲介質，用于解決現有三維文件顯示一般需要安裝特定的軟件，當查看汽車配件圖像時，需要調用三維軟件打開，操作十分不便的問題。

為實現上述目的，本發明提供一種頁面展示方法，包括：

監控用戶在頁面上的操作，根據頁面操作獲得展示請求；

根據所述展示請求調取關聯的目標文件；

在瀏覽器頁面畫布上，調用渲染器并根據渲染器的操作結果展示所建立的三維汽車模型。

進一步的，根據所述展示請求調取關聯的目標文件，包括以下：

將所述展示請求發送至后端服務器，并通過后端服務器獲取存儲在IOBS平臺云上的目標文件地址；

根據所述目標文件地址調取關聯的目標文件。

進一步的，調用渲染器并根據渲染器的操作結果展示所建立的三維汽車模型，包括以下：

調用3D工具Three.js封裝3D繪圖協議Web GL展示所建立的三維汽車模型。

進一步的，所述調用3D工具Three.js封裝3D繪圖協議Web GL展示所建立的三維汽車模型，包括以下：

采用Three.js工具根據所述目標文件獲得三維汽車模型；

采用所述Web GL繪圖協議調用底層圖形硬件將所述三維汽車模型通過瀏覽器頁面展示。

進一步的，采用Three.js工具根據所述目標文件獲得三維汽車模型，包括以下：

解析所述目標文件，獲取汽車模型各個部件之間的包含或連接關系；

采用模型矩陣和視圖矩陣對各個部件進行裝配，獲得初始汽車模型；

基于所述初始汽車模型采用預設光照矩陣處理獲得三維汽車模型。

進一步的，所述方法還包括：

根據用戶操作對所述三維汽車模型進行實時調整，獲得更新后的三維汽車模型并展示在瀏覽器畫布上。

進一步的，所述根據用戶操作對所述三維汽車模型進行實時調整，獲得更新后的三維汽車模型并展示在瀏覽器畫布上，包括以下：

監控用戶在頁面畫布上的操作，根據所述頁面畫布上的操作執行對應的腳本語言；

根據執行的腳本語言對建立的三維汽車模型進行調整，其中，所述調整包括旋轉、平移和縮放，獲得更新后的三維汽車模型并展示在瀏覽器畫布上。