THING.UE.PartialDisplay API 文档

简介

THING.UE.PartialDisplay 是一个用于将3D场景中部分对象重点展示的对象，通过它可以设置某些对象清晰展示，其他区域变模糊。

使用示例

创建几个Box对象

const boxArray = [];
for (let index = 0; index < 5; index++) {
    let box = new THING.Box({
        position: [(index - 2) * 10, 10, 0],
        scale: [5, 5, 5]
    });
    box.style.color = index == 2 ? [1, 0, 0] : [0, 1, 1];
    boxArray.push(box);
}
const showObjs = [boxArray[2]];

设置局部显示，其它区域模糊

app.on('keydown', function (ev) {
    if (ev.key == "A") {
        //设置模糊
        THING.UE.PartialDisplay.add({
            objects: showObjs,
            stencilId: 1
        });
        //设置描边
        THING.UE.Outline.add({
            objects: showObjs,
            stencilId: 5,//和模糊不是同一个值
            color: [0, 1, 0],
            width: 1.5
        });
    }
});

恢复到正常显示

app.on('keydown', function (ev) {
    if (ev.key == "D") {
        THING.UE.PartialDisplay.remove(showObjs);
        THING.UE.Outline.remove(showObjs);
    }
});