PlaneComponent()

new PlaneComponent()

房间平面组件
Example
// 1. 单独使用(不作为房间的子)
// 模拟数据
const points = [[0, 0], [2, 0], [2, 2], [0, 2]]
const holes = [[[0.25, 0.25], [0.75, 0.25], [0.75, 0.75], [0.25, 0.75],]]
const materialResource = { sideType: 'Double', map: './images/camera.png' }
// 创建对象作为平面
const plane = new THING.Object3D();
// 实例化平面组件
const planeComponent = new THING.PlaneComponent();
plane.addComponent(planeComponent, 'planeComponent');
planeComponent.load({ points, holes, materialResource }).then(() => {
    console.log('平面加载完成');
})
// 2. 配合房间一起使用
const roomFloorMaterialResource = { sideType: 'Double', map: './images/camera.png' }
const roomCeilingMaterialResource = { sideType: 'Back', map: './images/camera.png' }
const roomRoofMaterialResource = { sideType: 'Front', map: './images/camera.png' }
// 创建房间
const room = new THING.Room({
    position: [10, 0, 10],
    points,
    holes
});
// 创建对象作为房间地面
const roomFloor = new THING.Object3D({
    parent: room,
    tags: ['BuildingElement', 'RoomFloor']
});
// 实例化平面组件
const roomFloorComponent = new THING.PlaneComponent();
roomFloor.addComponent(roomFloorComponent, 'planeComponent');
roomFloorComponent.load({ materialResource: roomFloorMaterialResource }).then(() => {
    console.log('房间地面加载完成');
})
// 创建对象作为房间天花板
const roomCeiling = new THING.Object3D({
    parent: room,
    localPosition: [0, 2.9, 0],
    tags: ['BuildingElement', 'RoomCeiling']
});
// 实例化平面组件
const roomCeilingComponent = new THING.PlaneComponent();
roomCeiling.addComponent(roomCeilingComponent, 'planeComponent');
roomCeilingComponent.load({ materialResource: roomCeilingMaterialResource }).then(() => {
    console.log('房间天花板加载完成');
})
// 创建对象作为房间天花板
const roomRoof = new THING.Object3D({
    parent: room,
    localPosition: [0, 3, 0],
    tags: ['BuildingElement', 'RoomRoof']
});
// 实例化平面组件
const roomRoofComponent = new THING.PlaneComponent();
roomRoof.addComponent(roomRoofComponent, 'planeComponent');
roomRoofComponent.load({ materialResource: roomRoofMaterialResource }).then(() => {
    console.log('房间房顶加载完成');
})

Extends

  • THING.Component

Methods

load(data)

加载平面
Parameters:
Name Type Description
data Object 平面数据 (数据格式参考:https://wiki.uino.com/book/6538d1e88ea0ba892398fdf2/6526121eae83a4dfb2c2d08d.html)
Returns: