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