一、背景 
         很多人問(wèn)我，如何讓自己做的界面富有三維立體效果，或者能設備旋轉/運動(dòng)，或者能讓管路介質(zhì)流動(dòng)起來(lái)？ 隨著(zhù)科技的進(jìn)步，大家越來(lái)越不滿(mǎn)足于現在的平面化的布局和設計，利用有限的圖形控件和線(xiàn)條和文字來(lái)，或者網(wǎng)上下載一個(gè)貼圖來(lái)實(shí)現了，而是向著(zhù)更有科技感，更有立體感的效果迸發(fā)。 而要實(shí)現這些要求，也不難。 

         我是2015年有幸步入工控領(lǐng)域的，經(jīng)過(guò)6年的摸索和學(xué)習，也稍微掌握了國內的一些工控軟件的動(dòng)向。這里就根據國內的情況，解答一下這個(gè)問(wèn)題。 我做過(guò)的一些案例，以前的帖子上發(fā)過(guò)，以前主要是跟大家分享案例效果�，F在跟大家分享要實(shí)現這種效果的幾種可選方案。


二、歷史帖子  
    1.分享入行一年的觸摸屏組態(tài)作品
    2.組態(tài)之創(chuàng )新--三維組態(tài)界面
三、方案介紹 
         這里的方案介紹，僅僅做經(jīng)驗溝通，不是在宣傳哪家的產(chǎn)品或者技術(shù)，我相信歐美的技術(shù)很牛，更相信國產(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)上教程多，用戶(hù)多。從本文標題的角度來(lái)出發(fā)分析，這些軟件都是一樣的，有區別的地方是有的支持png圖有的不支持png圖。 如果你在使用這類(lèi)軟件，你想做出好看的3d效果畫(huà)面。步驟很簡(jiǎn)單。

    一個(gè)畫(huà)面分三塊東西。 
         1）背景框架
     請看例圖，除去圖中大面積藍色模糊的內容，剩下的內容就是它的背景圖。這個(gè)背景底圖決定了這個(gè)界面的第一感覺(jué)，也決定了用戶(hù)是否會(huì )看第二眼。這塊工作，可以百度尋找合適的圖片也可以找專(zhuān)業(yè)的平設計美工來(lái)完成。 
      2） 圖案元素
        比如按鈕圖片、數據底圖元素 這些圖案，最好是單個(gè)的圖片，而且png格式最好，因為要實(shí)現放入到任何一個(gè)場(chǎng)景中都能融入到里面。既然要能支持png圖，所以選好一個(gè)能支持png圖的組態(tài)軟件很重要。 導入這些圖案之后，你可以在圖片的上方放置文字和數據，只要你覺(jué)得好看，什么都可以。這種做法，能將畫(huà)面的所有數據進(jìn)行劃分，哪些是A設備的，哪些是B設備的，一清二楚。 
  3）主產(chǎn)品效果圖 
         這是一個(gè)比較核心的內容，也就是界面中居中的這塊區域。既然底圖和圖案元素都上了檔次，中間這塊區域是主角，自然不能太差。如果是網(wǎng)上找幾個(gè)圖貼一下，用線(xiàn)條連一下，就有點(diǎn)不倫不類(lèi)了。 以上圖為例，雖然只有2個(gè)空壓機和罐子，但將物體進(jìn)行建模之后，就立馬有了立體感。這樣的圖片放在中間，才稱(chēng)得上大氣、漂亮。 以上的方法均為使用經(jīng)典的組態(tài)軟件，導入繪制好的圖片，即可實(shí)現3d立體效果。 

        使用經(jīng)典的組態(tài)軟件，如何來(lái)設計好看的界面和漂亮的按鈕。我也做過(guò)這塊教程。有興趣請請看。
        2.方案2--買(mǎi)不起的軟件-- iconics的genesis64 
        本來(lái)要貼個(gè)視頻上來(lái)，結果不支持來(lái)自B站和好看視頻的鏈接。訪(fǎng)問(wèn)這個(gè)鏈接查看：iconics江蘇新城區27萬(wàn)噸/日污水廠(chǎng)3D漫游上位機
         這個(gè)軟件，聽(tīng)過(guò)它的人也不少，但是真正用過(guò)的估計不多。且看上面一個(gè)案例 。       
        iconics在國內的應用大部分都是向燃油、能源、礦山、海洋等行業(yè)，小眾的行業(yè)比如污水、自來(lái)水、自動(dòng)化生產(chǎn)都比較少。加上這個(gè)軟件的費用不是普通百姓能承受的，所以普及率不高。
        只要你喜歡，你愿意，你想要。用它，絕對能項目的報價(jià)翻一倍。哈哈哈哈。反正甲方乙方雙方受益，何樂(lè )不為。
        說(shuō)下這個(gè)軟件的特點(diǎn)：
        1）不支持三維模型設計，但支持模型導入
        2）支持二次開(kāi)發(fā)，可代碼設計，模型需要貼圖
        3）軟件安裝包很大，電腦沒(méi)有I7，別想裝了能跑得動(dòng)，一般都是上服務(wù)器級別的電腦。如果你感興趣，想買(mǎi)電腦入手學(xué)習，把錢(qián)都花在CPU和內存上就可以，顯卡搞個(gè)五六百的就夠了。


        3.方案3--受眾小但潛力大的北京易控 
        北京易控的產(chǎn)品INSPECT，我有幸在一個(gè)礦山的項目中了解到。這個(gè)軟件竟然支持三維模型導入。
        分享一個(gè)礦山球磨機的案例�？梢詮母郊�中下載。
        這個(gè)軟件和genesis64有些類(lèi)似，相同點(diǎn)是不支持設計模型，但是可以導入模型。但相比于genesis64，功能是要遜色多了。操作方面，如果習慣了三維建模的軟件，使用這種軟件會(huì )很難適應�？傊�覺(jué)得他們的設計不能跟上主流，顯得很另類(lèi)。
        說(shuō)了它的不好，也要說(shuō)了這個(gè)軟件的優(yōu)勢。它絕對是國內第一家能支持三維模型導入的工控組態(tài)軟件，這個(gè)評價(jià)絕對不過(guò)分。所以我相信它未來(lái)可以做到更好，甚至能超越老美的genesi64。
        4.方案4--被迫成為合格碼農的廈門(mén)圖撲 
        我沒(méi)有用過(guò)圖撲，但是看過(guò)圖撲的案例。以前官網(wǎng)很多免費的案例可以看的。后來(lái)都不讓直接看了，需要登記信息，等他們的銷(xiāo)售員聯(lián)系你，將鏈接提供給你，才看得到。對于這點(diǎn)，我一直耿耿于懷，一個(gè)這么大的東西，就這點(diǎn)肚量？
        圖撲是一個(gè)輕量化的web平臺，所以對你的電腦要求不高，他的項目需要部署在服務(wù)器上，然后你用網(wǎng)頁(yè)的方式去訪(fǎng)問(wèn)，實(shí)現設計和查閱。他本身不支持與PLC等硬件的通訊，是需要直接和數據庫進(jìn)行交互數據的。他本身也不支持設計模型，需要導入模型使用。而且他的功能都是要靠代碼完成的。因此需要對系統的學(xué)習他們的平臺，才能勝任開(kāi)發(fā)工作。
        圖撲的鏈接就不貼了，感興趣可百度搜尋。
        5.方案5--榨干自己的 unity3d/ThingJS開(kāi)發(fā)
           這個(gè)方案就絕對是牛逼了，在它面前上面的方案都是小朋友過(guò)家家。你可以稱(chēng)他為屠龍寶刀，但你不一定是張三豐。你需要組建一個(gè)軟件研發(fā)團隊，而且你還需要有一筆雄厚的資金。這塊方案我很早以前見(jiàn)過(guò)有公司開(kāi)發(fā)過(guò)，但圖片已經(jīng)找不到了。在這個(gè)領(lǐng)域駐扎的人都很少，所以不常見(jiàn)。如果你遇上了一個(gè)有錢(qián)的甲爸爸，是可以試試。
           希望了解更多的，可以百度找找。四、總結
        如果你沒(méi)錢(qián)，又想做好看的畫(huà)面，就用方案1，經(jīng)典永流傳。
        如果你有錢(qián)任性，就上方案2，研發(fā)難度也不算很大。
        如果你超超超級有錢(qián)又有大把的時(shí)間，就用方案5。
最后，以上均為本人使用kingview3D的經(jīng)驗所談，如果能幫助到你選型或者設計出豐富絢麗的人機界面，將是我莫大的榮幸。

這個(gè)附件是球磨機的三維模型在北京易控的效果，可下載瀏覽。 [upload=1]

附件為何總是加載不上來(lái)呀？》？？？好奇怪

支持支持

支持，就不知這樣一套畫(huà)面的人工成本

厲害啊   ，不過(guò)這么精美的組態(tài)畫(huà)面，一般也只有大廠(chǎng)有專(zhuān)業(yè)的UI設計團隊才有時(shí)間空間去搞吧，小眾的自動(dòng)化公司 ，leader1恨不能把1個(gè)人拆成3個(gè)人用，能實(shí)現基本使用需求就夠了

分析很到位！一般都是外包做的。

分析很到位！一般都是外包做的。