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