本發(fā)明涉及計算機軟件開發(fā)，尤其涉及一種瀏覽器的三維平臺搭建方法、裝置、電子設(shè)備和介質(zhì)。

背景技術(shù)：

1、在nodejs將google?v8引擎脫離瀏覽器作為js解釋器后，js的效率有了成倍的提升，同時webgl2.0的推出，瀏覽器上渲染三維場景的能力大大提升，cesium和threejs等js三維庫通過對webgl的封裝，在web三維渲染領(lǐng)域取得了一些的成果，相比unity和ue等三維引擎來說，unity和ue不僅封裝了gpu?api，還提供了三維場景編輯器，通過拖拽和屬性面板調(diào)整物體的位置和屬性，而web三維引擎并未提供類似的三維場景編輯器。

2、隨著頁面美化和場景三維化的要求越來越高，三維場景的構(gòu)建也越來越復(fù)雜，在編輯器和瀏覽器環(huán)境操作修改三維場景越來越繁瑣，三維場景的每次更新和渲染相比傳統(tǒng)的h5頁面也要慢一些。目前上已經(jīng)有一些通過拖拽來搭建二維網(wǎng)頁和三維網(wǎng)頁的項目，但是不給出搭建后的源碼，而是通過特殊組件內(nèi)嵌頁面，部分需要在內(nèi)網(wǎng)運行的項目需要收取額外費用，而盡管unity和ue本身有針對html5?web平臺的項目，但是不是瀏覽器原生，不能直接和瀏覽器項目相結(jié)合，不能利用nodejs的生態(tài)庫，也不如web項目直接和便利，因此，web三維開發(fā)需要一個三維平臺來解決上述問題。

技術(shù)實現(xiàn)思路

1、有鑒于此，有必要提供一種瀏覽器的三維平臺搭建方法、裝置、電子設(shè)備和介質(zhì)，用以解決現(xiàn)有技術(shù)中三維場景的創(chuàng)建和編輯在瀏覽器環(huán)境中操作起來比較復(fù)雜，并且需要頻繁修改代碼來調(diào)整三維場景，而沒有直觀的編輯工具導(dǎo)致效率低的技術(shù)問題。

2、為了解決上述問題，本發(fā)明提供一種瀏覽器的三維平臺搭建方法，包括：

3、采用vite和vue框架構(gòu)建三維平臺的前端應(yīng)用架構(gòu)，并采用三維引擎庫在前端處理三維場景的渲染；

4、采用webapi框架搭建三維平臺的后端數(shù)據(jù)存儲和管理架構(gòu)；

5、根據(jù)三維平臺的預(yù)設(shè)功能和需求，確定搭建三維平臺的目標組件；

6、根據(jù)所述搭建的前端應(yīng)用架構(gòu)、后端數(shù)據(jù)存儲和管理架構(gòu)及目標組件，構(gòu)建瀏覽器的三維平臺。

7、在一種可能的實現(xiàn)方式中，所述采用三維引擎庫在前端處理三維場景的渲染，包括：

8、采用cesium工具在前端處理三維場景的渲染。

9、在一種可能的實現(xiàn)方式中，在確定搭建三維平臺的目標組件之后，還包括：對目標組件進行文件管理，以及對事件和對象進行解析和管理。

10、在一種可能的實現(xiàn)方式中，所述根據(jù)三維平臺的預(yù)設(shè)功能和需求，確定搭建三維平臺的目標組件，包括：

11、對三維平臺的需求進行分析，確定三維平臺的基本操作對象、基本文件和基本功能；

12、根據(jù)基本操作對象、基本文件和基本功能，確定搭建三維平臺的目標組件。

13、在一種可能的實現(xiàn)方式中，所述目標組件包括資源管理器、對象管理器、事件管理器、場景管理器、實時窗口和腳本管理器。

14、在一種可能的實現(xiàn)方式中，在確定搭建三維平臺的目標組件之后，還包括：

15、根據(jù)目標組件實現(xiàn)三維平臺前端和后端的功能交互，包括：

16、采用資源管理器根據(jù)后端的文件操作接口，與前端通過api實現(xiàn)文件交互和資源管理；

17、采用對象管理器獲取前端實時加載場景中的對象，并采用對象管理器提供屬性編輯功能；

18、采用事件管理器獲取前端實時加載場景中的事件信息，并提供用戶配置事件響應(yīng)；

19、采用cesium?api創(chuàng)建和操作三維對象，并通過前端顯示編輯窗口；

20、通過腳本管理器提供腳本編輯器界面。

21、在一種可能的實現(xiàn)方式中，還包括設(shè)置前端路由，以加載和顯示不同的三維場景和編輯功能。

22、第二方面，本發(fā)明還提供一種瀏覽器的三維平臺搭建裝置，包括：

23、前端環(huán)境搭建模塊，用于采用vite和vue框架構(gòu)建前端應(yīng)用，并采用三維引擎庫在前端處理三維場景的渲染；

24、后端環(huán)境搭建模塊，用于采用webapi處理后端的數(shù)據(jù)存儲和管理；

25、組件搭建模塊，用于根據(jù)三維平臺的預(yù)設(shè)功能和需求，確定搭建三維平臺的目標組件。

26、第三方面，本發(fā)明還提供了一種電子設(shè)備，包括：處理器和存儲器；

27、所述存儲器上存儲有可被所述處理器執(zhí)行的計算機可讀程序；

28、所述處理器執(zhí)行所述計算機可讀程序時實現(xiàn)如上所述的瀏覽器的三維平臺搭建方法中的步驟。

29、第四方面，本發(fā)明還提供了一種計算機可讀存儲介質(zhì)，所述計算機可讀存儲介質(zhì)存儲有一個或者多個程序，所述一個或者多個程序可被一個或者多個處理器執(zhí)行，以實現(xiàn)如上所述的瀏覽器的三維平臺搭建方法中的步驟。

30、本發(fā)明的有益效果是：首先通過采用vite和vue框架構(gòu)建前端應(yīng)用，并采用三維引擎庫在前端處理三維場景的渲染；隨后采用webapi處理后端的數(shù)據(jù)存儲和管理并搭建后端環(huán)境，最后根據(jù)三維平臺的預(yù)設(shè)功能和需求，確定搭建三維平臺的目標組件。這些模塊共同構(gòu)成了整個系統(tǒng)，使得用戶能夠完成三維場景的創(chuàng)建、編輯和管理。從而實現(xiàn)了利用已有的web三維引擎和nodejs生態(tài)，快速和定制化地設(shè)計web三維平臺，以減少web三維開發(fā)中重復(fù)的工作和簡化不方便的工作，并在此基礎(chǔ)上進行迭代和更新。

技術(shù)特征：

1.一種瀏覽器的三維平臺搭建方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的瀏覽器的三維平臺搭建方法，其特征在于，所述采用三維引擎庫在前端處理三維場景的渲染，包括：

3.根據(jù)權(quán)利要求1所述的瀏覽器的三維平臺搭建方法，其特征在于，在確定搭建三維平臺的目標組件之后，還包括：對目標組件進行文件管理，以及對事件和對象進行解析和管理。

4.根據(jù)權(quán)利要求1所述的瀏覽器的三維平臺搭建方法，其特征在于，所述根據(jù)三維平臺的預(yù)設(shè)功能和需求，確定搭建三維平臺的目標組件，包括：

5.根據(jù)權(quán)利要求4所述的瀏覽器的三維平臺搭建方法，其特征在于，所述目標組件包括資源管理器、對象管理器、事件管理器、場景管理器、實時窗口和腳本管理器。

6.根據(jù)權(quán)利要求5所述的瀏覽器的三維平臺搭建方法，其特征在于，在確定搭建三維平臺的目標組件之后，還包括：

7.根據(jù)權(quán)利要求1所述的瀏覽器的三維平臺搭建方法，其特征在于，還包括設(shè)置前端路由，以加載和顯示不同的三維場景和編輯功能。

8.一種瀏覽器的三維平臺搭建裝置，其特征在于，包括：

9.一種電子設(shè)備，其特征在于，包括：處理器和存儲器；

10.一種計算機可讀存儲介質(zhì)，其特征在于，所述計算機可讀存儲介質(zhì)存儲有一個或者多個程序，所述一個或者多個程序可被一個或者多個處理器執(zhí)行，以實現(xiàn)如權(quán)利要求1-7任一項所述的瀏覽器的三維平臺搭建方法中的步驟。

技術(shù)總結(jié)
本發(fā)明涉及一種瀏覽器的三維平臺搭建方法、裝置、電子設(shè)備和介質(zhì)，屬于計算機軟件開發(fā)技術(shù)領(lǐng)域，其中，該方法包括：采用Vite和Vue框架構(gòu)建三維平臺的前端應(yīng)用架構(gòu)，并采用三維引擎庫在前端處理三維場景的渲染；采用WebAPI框架搭建三維平臺的后端數(shù)據(jù)存儲和管理架構(gòu)；根據(jù)三維平臺的預(yù)設(shè)功能和需求，確定搭建三維平臺的目標組件；根據(jù)所述搭建的前端應(yīng)用架構(gòu)、后端數(shù)據(jù)存儲和管理架構(gòu)及目標組件，構(gòu)建瀏覽器的三維平臺。本發(fā)明實現(xiàn)了利用已有的web三維引擎和nodejs生態(tài)，快速和定制化地設(shè)計web三維平臺，以減少web三維開發(fā)中重復(fù)的工作和簡化不方便的工作，并在此基礎(chǔ)上進行迭代和更新。

技術(shù)研發(fā)人員：韓思遠,奚泱,張夢輝,許科,吳峰,吳亞輝
受保護的技術(shù)使用者：中冶武勘工程技術(shù)有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2025/5/15