上千個視覺化物件對ThingJS來說都不是事兒
阿新 • • 發佈：2018-12-11
在公安三所的視覺化應用場景中，攝像頭、門禁、對講、報警這些型別的物件少到2000個，多到上萬個，在3D視覺化中即要展示每個物件所處的空間位置，也要對每個物件進行操作。以往的經驗，在裝置上方建立貼在螢幕上的UI，就有了下面這種效果。
var floors = build.floors;// 得到建築所有樓層
floors.forEach(floor => {
floor.plan.style.setMaterial({
image: ‘/blue1.jpg’,// 設定一張貼圖樣式
wrap: THING.WrapType.Repeat,// 設定重複度
DoubleSide: true,// 設定物件雙面貼圖
});
// 更換牆體的材質
floor.wall.style.setMaterial({
image: ‘/gray.png’,
wrap: THING.WrapType.Repeat,
transparent: true,
});
})
});
然後是設定每個物件outline顏色
app.query(’.Thing’).forEach(thing => {
thing.style.outlineColor=’#00FF00’;// 設定物件輪廓線顏色
})
