前言
界面簡介及效果預覽
在了解選礦工藝后,我們使用 HT for Web 自主研發的 2D/3D 引擎,實現了選礦工藝 demo,它包含選礦場景和數據展示面板。如下圖:
界面支持國際化。(可通過右上角中英文切換按鈕來進行選擇當前頁面語言)
場景模型的加載和渲染需要一定的時間,為此我們設置了加載動畫,場景渲染時間由進度條來表示。
兩側包括中間的圖表,包含基本的折線圖、柱狀圖、表格(內容自動滾動)、餅圖、雷達圖等,有着各自的動效演示。
中間的場景有選礦中需要用到的一些設備模型還有從原料礦石到可以使用的工業原料的生產路線,用最直觀的方式為我們呈現選礦工藝的整個流程。其中使用模型貼圖的 UV 偏移動畫模擬了礦料的傳輸過程。場景還有着與圖紙按鈕的功能交互,如選礦漫游(選礦工藝流程)、全場漫游(場景繞場查看)、濃密機和球磨機的啟停動畫演示、六種選礦設備的單獨查看。
選礦漫游
選礦工藝動畫過程,從礦石破碎到篩分再到磨礦、分級等一系列作業的漫游動畫,讓我們拉近視角近距離感受選礦的每一步作業。
每一步作業動畫默認停留 5s,然后進到下一步動畫,我們也可以通過點擊控制欄按鈕來控制動畫播放。
- 關閉:結束選礦漫游動畫,返回頁面初始化視角
- 上一步:運行上一步動畫過程
- 下一步:運行下一步動畫過程
- 暫停:停止當前動畫,通過點擊【上一步】【下一步】繼續動畫
- 5s 計時條:畫面停留時間計時
全場漫游
通過改變視角繞場一周來瀏覽場景。(可通過點擊視角復位按鈕終止動畫)
濃密機和球磨機啟停
通過修改每秒鍾模型旋轉的角度大小從而達到機器設備緩慢停止或緩慢啟動的動畫效果。
設備查看
默認提供了六種機器設備的查看,通過上邊單選按鈕組來進行選擇查看,在選中某個設備后,場景會虛化其他所有設備,並且將視角拉近至所選設備,並會在右側彈出設備介紹面板。
退出查看:點擊右上角關閉按鈕返回到查看設備前的視角,顯示原場景所有模型。
介紹面板動效分析:
面板屬於場景中的一個 billboard 3D 公告板圖元,動效的實現我們利用了它的幾種內置樣式屬性(裁切方向、裁切比例、透明度)。
視角復位
點擊返回初始化頁面時的視角。
實現價值
-
准備作業:該作業包括破碎和篩分、磨礦和分級。目的主要使有用礦物與脈石礦物,有用礦物與無用礦物相互分開,達到單體分為分選作業做准備。這種准備作業是將物料分成若干適宜的粒級,為分選作業做准備。
-
選礦作業:這是選礦過程的關鍵作業(或稱主要作業)。它根據礦物的不同性質,采用不同的選礦方法,如浮選法、重選法或磁選法等等。
-
產品處理作業:主要包括精礦脫水和尾礦處理。精礦脫水通常由濃縮、過濾、干燥(有時需要)三個階段組成。尾礦處理通常包括尾礦貯存和尾礦水處理。
總結

