基于WebGL架構的3D可視化平臺ThingJS—讓糧倉“智慧”升級

aaron 發布于2019-08-23 16:45 / 2575人閱讀

摘要：隨著信息化技術發展，全國各地開始智慧糧倉的建設，我們可以通過一個視頻看一下使用可視化平臺做的可視應用，可視一體化，讓糧倉智慧升級。構建糧倉內糧情的監控預警診斷分析一體化的可視化平臺。

首先我們先了解一下基于WebGL架構的3D可視化平臺——ThingJS是什么？

ThingJS是優锘科技開發的一套面向物聯網應用的在線3D可視化應用開發及運營PaaS平臺，以“ ThingJS云視PaaS服務”形式面向廣大物聯網企業提供全生命周期在線3D可視化服務。

ThingJS平臺包括可視能力層和功能應用層。

可視能力層由ThingJS云視PaaS服務、ThingJS開發平臺和ThingJS配套組件組成。ThingJS云視PaaS服務提供便捷的應用部署，Thing JS開發平臺和配套組件讓3D開發變得簡單高效，讓3D可視化交互能力在多種物聯網場景中得以應用。

可以從下圖中了解ThingJS和傳統3D開發的區別

下面我們來聊一聊什么是智慧糧倉

正所謂“國以民為本，民以食為天”。糧食既是關系國計民生和國家經濟安全的重要戰略物資，也是人民群眾最基本的生活資料。其中糧倉是糧食建設的根基，對保障糧食安全尤為重要。隨著信息化技術發展，全國各地開始智慧糧倉的建設，我們可以通過一個視頻看一下使用ThingJS3D可視化平臺做的3D可視應用，ThingJS—可視一體化，讓糧倉“智慧”升級。

視頻查看：https://v.qq.com/x/page/m0767...

慧農業3D可視化視頻介紹：

"數字糧倉3D可視化系統“是ThingJS智慧糧倉行業應用系列產品之一，實現了糧庫的庫區、倉庫、設備、的逐級可視。以糧倉監控為重點，集成儲備糧管理、糧食通風、糧情監測控制、熏蒸監測等系統，實現糧倉、糧情、動環、倉容、能耗、告警、出入庫等信息:

可視：糧倉的園區、倉區、倉庫、設備的3D可視；

可查：3D場景內查看糧情、動環、倉容、能耗、視頻監控、出入庫等信息；

可控：3D場景內控制倉門、倉窗、通風口、風機、空調等設備設施的開關狀態；

可防：系統通過集成數據，提前預知糧食霉菌、蟲害的產生與生長趨勢，提早制定防治措施，實現糧食綠色、生態儲藏。

構建糧倉內糧情的監控、預警、診斷、分析一體化的3D可視化平臺。

我們通過ThingJS3D可視化平臺做了個糧倉3D可視化Demo，包含了糧倉的庫區，工廠，宿舍等逐級可視，同時也包含了糧倉的溫度、空間剩余等功能的顯示。點擊查看DEMO即可預覽。

我們在文末附上完整的代碼，大家可以直接在ThingJS3D可視化平臺體驗。

查看DEMO：http://www.thingjs.com/guide/...

糧倉的全景預覽

宿舍區域

糧倉區域

糧倉信息

完整代碼

//加載場景代碼
var app = new THING.App({
    // 場景地址
    "url": "http://www.thingjs.com/./uploads/wechat/S2Vyd2lu/scene/CB20190228115320",
    //背景設置
    "skyBox": "BlueSky"
});

var toolbar2 = new THING.widget.Panel({ width: "250px", captionPos: "hover" });
toolbar2.position = [10, 10];

// 數據對象
var dataObj = {
    area01: false,
    area02: false,
    area03: false,
    overall: true,

}

THING.Utils.dynamicLoad(["lib/iconfont.js"], function () {

    var button1 = toolbar2.addImageBoolean(dataObj, "area01").caption("宿舍區域").url("#momoda_lc-icontubiao22");
    var button2 = toolbar2.addImageBoolean(dataObj, "area02").caption("工廠區域").url("#momoda_lc-icontubiao10");
    var button3 = toolbar2.addImageBoolean(dataObj, "area03").caption("糧倉區域").url("#momoda_lc-icontubiao21");
    var button4 = toolbar2.addImageBoolean(dataObj, "overall").caption("全景預覽").url("#momoda_lc-icontubiao28");

    button1.on("change", function (ev) {
        dataObj.area02 = false;
        dataObj.area03 = false;
        dataObj.overall = false;
        app.camera.flyTo({
            "position": [-22.356943810261143, 13.20176112267712, 28.19482648304762],
            "target": [-53.24507055455286, 0.6162378602394785, 6.3743932170050375],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = false;
            }
        });
    });

    button2.on("change", function (ev) {
        dataObj.area01 = false;
        dataObj.area03 = false;
        dataObj.overall = false;
        // 攝像機飛行到某位置
        app.camera.flyTo({
            "position": [-2.8177753324747767, 16.090400887405227, 19.94073098974482],
            "target": [-2.685240969328181, -1.3204502556714408, 3.6209106265430773],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = false;
            }
        });

    });

    button3.on("change", function (ev) {
        dataObj.area01 = false;
        dataObj.area02 = false;
        dataObj.overall = false;
        // 攝像機飛行到某位置
        app.camera.flyTo({
            "position": [33.313117413004846, 20.17892561437951, 30.105105312212782],
            "target": [50.84710727906235, -1.7298146965736394, 10.602912178089504],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = false;
            }
        });

    });

    button4.on("change", function (ev) {
        dataObj.area01 = false;
        dataObj.area02 = false;
        dataObj.area03 = false;
        // 攝像機飛行到某位置
        app.camera.flyTo({
            "position": [-18.079999999999977, 80.427, 101.051],
            "target": [13.422, 2.597, 2.226],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = true;
            }
        });


    });


});

var panel;
app.on("SingleClick", function (ev) {

    if (ev.button == 2) {
        if (panel) {
            panel.destroy();
            panel = null;
        }
        if (curObject) {
            curObject.playAnimation("close");
            curObject = null;
            app.camera.flyTo({
                "position": [33.313117413004846, 20.17892561437951, 30.105105312212782],
                "target": [50.84710727906235, -1.7298146965736394, 10.602912178089504],
                "time": 2000,
                "complete": function () {
                    app.camera.inputEnabled = false;
                }
            });
        }
        return;
    }

    var object = ev.object;
    if (object == null || object.name == "field")
        return;
    if (panel != null) {
        panel.destroy();
        panel = null;
    }
    panel = new THING.widget.Panel({
        width: "200px",
        cornerType: "polyline"
    })
    var data = {
        type: "小米",
        admin: "Kerwin",
        surplus: Math.round(Math.random() * 100) + "%",
        temperature: Math.round(Math.random() * 10) + "°"
    }
    // 綁定物體身上相應的屬性數據
    panel.addString(object, "id").caption("倉庫編號");
    panel.addString(data, "admin").caption("管理員");
    panel.addString(data, "type").caption("庫存種類");
    panel.addString(data, "surplus").caption("剩余空間");
    panel.addString(data, "temperature").caption("倉庫溫度");
    panel.position = [500, 50];
    //創建UIAnchor面板
    var uiAnchor = app.create({
        type: "UIAnchor",
        parent: object,
        element: panel.domElement,
        localPosition: [0, -49, 0],
        pivot: [-0.2, 2.1]
    });

    uiAnchor["panel"] = panel;

    return uiAnchor;
});

var curObject;
app.on("dblclick", function (ev) {
    if (ev.button == 2)
        return;
    if (curObject) {
        curObject.playAnimation("close");
        curObject = null;
    }
    var object = ev.object;
    curObject = object;
    curObject.playAnimation("open");
    app.camera.flyTo({
        object: curObject,
    });
});

云服務器 GPU云服務器基于云計算的平臺智慧企業架構 3d可視化基于物聯網的云平臺

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103241.html

IOTE 2019國際物聯網博覽會—優锘科技受邀參展，ThingJS提供最佳產品體驗

摘要：國際物聯網博覽會蘇州站于月日日蘇州國際博覽中心順利舉行。優锘科技非常榮幸地受邀，帶著最高性能的產品亮相此次展會，優質的商務接待及專業技術展示，為廣大行業客戶帶來最佳的產品體驗。 IOTE 2019國際物聯網博覽會--蘇州站于3月13日-15日蘇州國際博覽中心順利舉行。優锘科技非常榮幸地受邀，帶著最高性能的ThingJS產品亮相此次展會，優質的商務接待及專業技術展示，為廣大行業客戶帶來最...

wanghui 2019-08-26 13:44 評論0 收藏0
從“智能”樓宇到“智慧”樓宇—ThingJS助力“智慧”升級

摘要：智慧樓宇可視化系統是綜合上述手段打造出的智慧樓宇可查可管可控的一體化可視平臺。智能環境可視化展示樓宇內水電氣冷風等的管線含流向及設備的空間分布。集成停車引導系統，高亮展示最佳停車位及到車位的最佳路線。智慧樓宇大勢所趨，從智能到智慧，一字之差，它到底有多智慧？我們可以看一下智慧樓宇3D可視應用視頻：https://v.qq.com/x/page/h0767... 基于ThingJS...

hqman 2019-08-23 17:01 評論0 收藏0
ThingJS物聯網3D可視化平臺——智慧城市的應用

摘要：說起物聯網，大家的第一反應就是智慧城市。在物聯網的幫助下，得以讓我們居住的城市正變得越來越有智慧。作為面向物聯網的可視化開發平臺有廣闊的行業應用場景。隨著科技的發展，5G網絡的到來，將開啟萬物即插即慧的新時代。這就是物聯網，當網絡不再是阻礙，萬物互聯，萬物可視，把數字世界帶入每個人、每個家庭、每個組織，構建萬物互聯的智能世界。說起物聯網，大家的第一反應就是智慧城市。在物聯網的幫助下...

eccozhou 2019-08-23 16:53 評論0 收藏0
數字孿生技術——ThingJS助力工業制造智慧化建設

摘要：網絡的預商用，物聯網應用加速到來，我們將在優锘云中實現數字孿生。數字孿生的起源術語數字孿生是由密歇根大學的博士在到年期間定義的。數字孿生體現了軟件硬件和物聯網回饋的機制。近期中國聯通正式公布了其5G全新品牌標識——5G?，據了解5G?表達了5G的多場景應用和無限可能，包括融媒體、智慧醫療、智能網聯、智慧教育、智能制造、智慧體育、智慧安防等。5G網絡的預商用，物聯網應用加速到來，我們將...

jiekechoo 2019-08-23 17:09 評論0 收藏0
阿里云攜手優锘發布智慧園區可視化產品

摘要：峰會上，阿里云與優锘科技聯合發布了智慧園區可視化產品。優锘科技受邀參加此次峰會，峰會上，阿里云與優锘科技聯合發布了智慧園區可視化產品，并在物聯網專場論壇構建四位一體的數字園區運營體系進行了專題分享。 2019年3月21日，2019阿里云峰會在北京國家會議中心如期舉行。峰會上，阿里云與優锘科技聯合發布了智慧園區可視化產品。本次峰會中，圍繞十年再出發的主題，阿里云首次進行全面戰略解讀，并...

codeKK 2019-08-26 13:44 評論0 收藏0