WELCOME TO BIG DATA VISUALIZATION

新聞中心 

最新的一體化系統新聞資訊 時刻在線 持續服務
CRAFTSMANSHIP TO
CREATE A “SAID” WORKS

使用我搭世界SDK創建屬于你的一個3D應用

發布于 2022年09月21日

什么是MJGL.js?

 

MJGL是基于HTML5的3D引擎,可以通過利用MJGL直接在網頁上開發3D應用。

 

由于WebGL定義的接口非常底層,且難于理解,需要實現一個功能可能需要用到幾個乃至十幾個API,而且在瀏覽器中直接寫WebGL的代碼,瀏覽器是無法識別到你寫的內容的。MJGL.js則把WebGL的底層接口進行二次封裝,我們通過使用少量的代碼做到更多的事,實現”Do Less Get More”,并且瀏覽器可以識別出我們寫的代碼是什么,是干什么用的,然后把效果呈現出來給我們看,我們進而可以直觀的查看到WebGL效果,如果出現問題能夠及時的發現并修改。

 

 

應用于什么場景?

 

MJGL的核心特點就是:3D、Web、無插件、跨平臺,適合創建輕量的跨平臺的應用網頁。

 

 

可應用在以下場景:

 

? 數據中心(資產管理、配線管理、動力環境監控等)

 

? 產業園區(樓宇自控、安防管理、停車場管理等)

 

? 應急消防(災害環境可視化、預案制作、實戰推演、案例復盤等)

 

? 教育行業(智慧教室、校園安全、地下管網、無線AP覆蓋等)

 

? 醫療行業(設備資源統一管理、數據集成管理、醫院業務管理等)

 

? 農業解決(生長模擬、環境模擬等)

 

? 工業管理(MES系統、生產線可視化、倉儲管理等)

 

? 交通行業(能耗監測、人流監測、資產管理等)

 

 

適用于什么開發者?

使用MJGL的要求不高,可能因為是”3D”技術,在字面上就勸退部分的開發者。

MJGL是基于HTML5的,所以開發者必須要熟悉JavaScript語言,JavaScript是弱類型語言,沒有Java和C語言那些強類型語言所要求的多,所以在掌握難度上不會那么高,那么如果你熟悉和理解JS中的對象、Function和prototype等語言機理,就能更快上手的使用MJGL。當然我們也會提供完善的使用文檔,令開發者快速的上手。

 

 

開發前的軟硬件設施準備

三維應用本項目使用的是基于WEBGL引擎開發的一個3D項目,為了最終能有一個良好的運行效果,那么對軟硬件的配置是有要求的。

 

硬件方面:所有的3D技術對硬件要求都較高,MJGL作為一個3D引擎也不例外。3D程序對硬件的要求體現在:顯卡、CPU、內存幾個方面。雖然很難用硬性指標來描述和約束硬件的具體要求,不過您還是可以參考以下幾條主要的原則:

 

顯卡:最好是具有獨立顯卡的電腦,顯存容量越大越好。

 

CPU:越快越好,主流的i5、i7處理器都可以很好的支撐3D應用。

 

內存:內存和顯存都是越多越好,1G的顯存和2G的內存是需要的,2G的顯存和4G的內存則可以更流暢的運行3D程序。

 

軟件方面:主要是操作系統和瀏覽器,Mac OS和Win7及以上版本都可以很好的支持WebGL,如果您的機器依舊使用Windows XP操作系統,估計硬件配置也不會很好,不推薦在這樣的機器上運行3D程序。

 

瀏覽器方面:各種主流的新版瀏覽器基本都可以很好的支持webGL。包括Windows IE11及以上、Windows Edge、Chrome、Safari、FireFox、Opera等。

 

總結為一句話:IE必須11以上,Chrome最佳,其他沒問題。

 

如果還不能確認您的瀏覽器是否支持webGL,可以直接用瀏覽器訪問頁面http://webglreport.com/

 

如果支持會提醒你這一句話 ? This browser supports WebGL 1

 

1

 

 

 

創建第一個3D程序

 

首先,在http://h5.wodashijie.com/登錄并編輯你的場景??梢詤⒖嘉覀児娞栆寻l布的文章——《如何幫助零基礎的客戶快速搭建三維場景》,編輯一個你需要的場景,聯系我們獲取開發所需的SDK開發軟件資源。如下圖:

 

2

 

 

這次的演示項目是基于Vue-cli腳手架進行開發。

 

第一步:在場景搭建完成后和獲取到開發資源后,新建個Vue項目,在index.html中引入需要用到的SKD資源。

 

3

 

第二步:在一個路由頁面創建一個用于裝載3D場景的盒子容器,就按照平常使用canvas的步驟一樣,設置寬高即可。

 

4

 

第三步:資源引入和容器準備好以后,就是開始通過提供的SDK方法初始化容器并加載出來,在load函數里面有兩個參數,是兩個回調函數,一個是在加載的過程中使用,可以檢測場景的加載進度,可以配合進度條樣式使用,第二個回調函數是當場景加載完以后加載使用的。

 

5

 

第四步:前面的步驟的完成了以后就是運行起來,打開瀏覽器,查看3D場景效果的時候了。

 

 

 

数据中心 建模
預約產品DEMO演示
填寫即可獲得免費服務和資料下載/工作人員基于您的需求遠程 演示數字孿生解決方案

姓名



公司名稱



工作郵箱



手機號



所在城市



我想要


 數據中心

 數據可視化大屏

 我搭世界

 成為合作伙伴



其他需求


一级黄色录像影片 - 视频 - 在线观看 - 电影影院 - 品赏网