一、背景
很多人問我,如何讓自己做的界面富有三維立體效果,或者能設(shè)備旋轉(zhuǎn)/運動,或者能讓管路介質(zhì)流動起來? 隨著科技的進步,大家越來越不滿足于現(xiàn)在的平面化的布局和設(shè)計,利用有限的圖形控件和線條和文字來,或者網(wǎng)上下載一個貼圖來實現(xiàn)了,而是向著更有科技感,更有立體感的效果迸發(fā)。 而要實現(xiàn)這些要求,也不難。
我是2015年有幸步入工控領(lǐng)域的,經(jīng)過6年的摸索和學(xué)習(xí),也稍微掌握了國內(nèi)的一些工控軟件的動向。這里就根據(jù)國內(nèi)的情況,解答一下這個問題。 我做過的一些案例,以前的帖子上發(fā)過,以前主要是跟大家分享案例效果,F(xiàn)在跟大家分享要實現(xiàn)這種效果的幾種可選方案。
二、歷史帖子
1.
分享入行一年的觸摸屏組態(tài)作品 2.
組態(tài)之創(chuàng)新--三維組態(tài)界面三、方案介紹
這里的方案介紹,僅僅做經(jīng)驗溝通,不是在宣傳哪家的產(chǎn)品或者技術(shù),我相信歐美的技術(shù)很牛,更相信國產(chǎn)的品牌可以替代這些進口的軟件。什么產(chǎn)品適合你,或者你能hold住什么產(chǎn)品,都要看個人能力。
1.方案1--永恒經(jīng)典的組態(tài)王/力控/wincc/ifix等
組態(tài)王/力控/wincc/ifix這些是非常經(jīng)典的軟件,他們的特點是網(wǎng)上教程多,用戶多。從本文標(biāo)題的角度來出發(fā)分析,這些軟件都是一樣的,有區(qū)別的地方是有的支持png圖有的不支持png圖。 如果你在使用這類軟件,你想做出好看的3d效果畫面。步驟很簡單。
一個畫面分三塊東西。
1)背景框架
請看例圖,除去圖中大面積藍色模糊的內(nèi)容,剩下的內(nèi)容就是它的背景圖。這個背景底圖決定了這個界面的第一感覺,也決定了用戶是否會看第二眼。這塊工作,可以百度尋找合適的圖片也可以找專業(yè)的平設(shè)計美工來完成。
2) 圖案元素
比如按鈕圖片、數(shù)據(jù)底圖元素 這些圖案,最好是單個的圖片,而且png格式最好,因為要實現(xiàn)放入到任何一個場景中都能融入到里面。既然要能支持png圖,所以選好一個能支持png圖的組態(tài)軟件很重要。 導(dǎo)入這些圖案之后,你可以在圖片的上方放置文字和數(shù)據(jù),只要你覺得好看,什么都可以。這種做法,能將畫面的所有數(shù)據(jù)進行劃分,哪些是A設(shè)備的,哪些是B設(shè)備的,一清二楚。
3)主產(chǎn)品效果圖
這是一個比較核心的內(nèi)容,也就是界面中居中的這塊區(qū)域。既然底圖和圖案元素都上了檔次,中間這塊區(qū)域是主角,自然不能太差。如果是網(wǎng)上找?guī)讉圖貼一下,用線條連一下,就有點不倫不類了。 以上圖為例,雖然只有2個空壓機和罐子,但將物體進行建模之后,就立馬有了立體感。這樣的圖片放在中間,才稱得上大氣、漂亮。 以上的方法均為使用經(jīng)典的組態(tài)軟件,導(dǎo)入繪制好的圖片,即可實現(xiàn)3d立體效果。
使用經(jīng)典的組態(tài)軟件,如何來設(shè)計好看的界面和漂亮的按鈕。我也做過這塊教程。有興趣請請看。
2.方案2--買不起的軟件-- iconics的genesis64
本來要貼個視頻上來,結(jié)果不支持來自B站和好看視頻的鏈接。訪問這個鏈接查看:
iconics江蘇新城區(qū)27萬噸/日污水廠3D漫游上位機 這個軟件,聽過它的人也不少,但是真正用過的估計不多。且看上面一個案例 。
iconics在國內(nèi)的應(yīng)用大部分都是向燃油、能源、礦山、海洋等行業(yè),小眾的行業(yè)比如污水、自來水、自動化生產(chǎn)都比較少。加上這個軟件的費用不是普通百姓能承受的,所以普及率不高。
只要你喜歡,你愿意,你想要。用它,絕對能項目的報價翻一倍。哈哈哈哈。反正甲方乙方雙方受益,何樂不為。
說下這個軟件的特點:
1)不支持三維模型設(shè)計,但支持模型導(dǎo)入
2)支持二次開發(fā),可代碼設(shè)計,模型需要貼圖
3)軟件安裝包很大,電腦沒有I7,別想裝了能跑得動,一般都是上服務(wù)器級別的電腦。如果你感興趣,想買電腦入手學(xué)習(xí),把錢都花在CPU和內(nèi)存上就可以,顯卡搞個五六百的就夠了。
3.方案3--受眾小但潛力大的北京易控
北京易控的產(chǎn)品INSPECT,我有幸在一個礦山的項目中了解到。這個軟件竟然支持三維模型導(dǎo)入。
分享一個礦山球磨機的案例?梢詮母郊邢螺d。
這個軟件和genesis64有些類似,相同點是不支持設(shè)計模型,但是可以導(dǎo)入模型。但相比于genesis64,功能是要遜色多了。操作方面,如果習(xí)慣了三維建模的軟件,使用這種軟件會很難適應(yīng)。總之覺得他們的設(shè)計不能跟上主流,顯得很另類。
說了它的不好,也要說了這個軟件的優(yōu)勢。它絕對是國內(nèi)第一家能支持三維模型導(dǎo)入的工控組態(tài)軟件,這個評價絕對不過分。所以我相信它未來可以做到更好,甚至能超越老美的genesi64。
4.方案4--被迫成為合格碼農(nóng)的廈門圖撲
我沒有用過圖撲,但是看過圖撲的案例。以前官網(wǎng)很多免費的案例可以看的。后來都不讓直接看了,需要登記信息,等他們的銷售員聯(lián)系你,將鏈接提供給你,才看得到。對于這點,我一直耿耿于懷,一個這么大的東西,就這點肚量?
圖撲是一個輕量化的web平臺,所以對你的電腦要求不高,他的項目需要部署在服務(wù)器上,然后你用網(wǎng)頁的方式去訪問,實現(xiàn)設(shè)計和查閱。他本身不支持與PLC等硬件的通訊,是需要直接和數(shù)據(jù)庫進行交互數(shù)據(jù)的。他本身也不支持設(shè)計模型,需要導(dǎo)入模型使用。而且他的功能都是要靠代碼完成的。因此需要對系統(tǒng)的學(xué)習(xí)他們的平臺,才能勝任開發(fā)工作。
圖撲的鏈接就不貼了,感興趣可百度搜尋。
5.方案5--榨干自己的 unity3d/ThingJS開發(fā)
這個方案就絕對是牛逼了,在它面前上面的方案都是小朋友過家家。你可以稱他為屠龍寶刀,但你不一定是張三豐。你需要組建一個軟件研發(fā)團隊,而且你還需要有一筆雄厚的資金。這塊方案我很早以前見過有公司開發(fā)過,但圖片已經(jīng)找不到了。在這個領(lǐng)域駐扎的人都很少,所以不常見。如果你遇上了一個有錢的甲爸爸,是可以試試。
希望了解更多的,可以百度找找。四、總結(jié)
如果你沒錢,又想做好看的畫面,就用方案1,經(jīng)典永流傳。
如果你有錢任性,就上方案2,研發(fā)難度也不算很大。
如果你超超超級有錢又有大把的時間,就用方案5。
最后,以上均為本人使用kingview3D的經(jīng)驗所談,如果能幫助到你選型或者設(shè)計出豐富絢麗的人機界面,將是我莫大的榮幸。