[發明專利]3D模型加載方法

在審

• 申請號: 202110174838.2
• 申請日: 2021-02-07
• 公開（公告）號: CN112861055A
• 公開（公告）日: 2021-05-28
• 發明（設計）人: 張世彤;張杰
• 申請（專利權）人: 吉林省科學技術信息研究所
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957;G06T19/00
• 代理公司: 暫無信息
• 代理人: 暫無信息

本發明公開了一種3D模型加載方法，該方法包括：在第一HTML文件中引入Three.js文件；采用Three.js文件中的加載器將3D模型的obj格式的數據轉換成html格式的數據；采用加載器將數據格式轉換后的3D模型加載到Javascript文件中；采用Three.js文件中的onLoad回調函數將Javascript文件中的3D模型添加到預設的場景文件中；采用Three.js文件中的render函數將3D模型進行場景渲染；設置場景文件中的燈光、攝像機、場景以及渲染器的參數；將場景文件加入到第二HTML文件中的body標簽中；在javascript文件中編碼定義對3D模型的交互操作；在HTML網頁上顯示3D模型。該加載3D模型的方法能夠在HTML網頁中快速加載3D模型。

技術領域

本發明是關于計算機技術領域，特別是關于一種3D模型加載方法。

背景技術

3D模型是用三維軟件建造的立體模型，包括各種建筑、人物、植被、機械等等，比如一個大樓的3D模型圖。3D模型也包括玩具和電腦模型領域。

現有的FLASH不支持3D模型，只能做偽3D動畫，而無法直接在網頁中展示真3D動畫。HTML5 3D工具不能直接導入3D模型到網頁中，其需要編碼生成3D模型，工作量非常大，而且低級別的瀏覽器無法支持HTML5 3D模型動畫。

公開于該背景技術部分的信息僅僅旨在增加對本發明的總體背景的理解，而不應當被視為承認或以任何形式暗示該信息構成已為本領域一般技術人員所公知的現有技術。

發明內容

本發明的目的在于提供一種3D模型加載方法，其能夠在HTML網頁中快速加載3D模型。

為實現上述目的，本發明提供了一種3D模型加載方法，所述3D模型加載方法包括：在第一HTML文件中引入Three.js文件；采用所述Three.js文件中的加載器將3D模型的obj格式的數據轉換成html格式的數據；采用所述加載器將數據格式轉換后的3D模型加載到Javascript文件中；采用所述Three.js文件中的onLoad回調函數將所述Javascript文件中的3D模型添加到預設的場景文件中；采用所述Three.js文件中的render函數將所述3D模型進行場景渲染；設置所述場景文件中的燈光、攝像機、場景以及渲染器的參數；將所述場景文件加入到第二HTML文件中的body標簽中；在所述javascript文件中編碼定義對所述3D模型的交互操作；在HTML網頁上顯示所述3D模型。

在本發明的一實施方式中，所述在第一HTML文件中引入Three.js文件包括：采用標簽引入three.js。

在本發明的一實施方式中，所述標簽為script標簽。

在本發明的一實施方式中，所述加載器為ColladaLoader加載器。

在本發明的一實施方式中，所述設置所述場景文件中的燈光、攝像機、場景以及渲染器的參數包括：設置燈光的亮度、開關燈時顯示的內容、用戶進入后攝像機視角的默認角度、鼠標左右鍵按下以及移動時攝像機跟隨轉動方式、3D場景的加載順序中的一個或多個。

在本發明的一實施方式中，定義對所述3D模型的交互操作包括：定義用戶手動開關燈光、定義用戶手動開關風扇、定義用戶手動開關灌溉、定義自動獲取溫度值、定義自動獲取濕度值、定義自動獲取光照值、定義溫度到達自定義值自動開啟或關閉風扇、定義濕度到達自定義值后自動開啟或關閉灌溉、定義光照到達自定義值后自動開啟或關閉燈光中的一個或多個。

在本發明的一實施方式中，所述方法還包括：在采用所述Three.js文件中的加載器將3D模型的obj格式的數據轉換成html格式的數據之前，使用draco算法對所述3D模型進行壓縮。

基于同樣的發明構思，本發明還提供了一種電子裝置，包括存儲器、處理器及存儲在存儲器上并可在處理器上運行的計算機程序，所述處理器執行所述程序時實現上述任一實施方式所述方法的步驟。