从零开始学习3D可视化之事件绑定

// 绑定事件
app.on("click", function(ev) {
    console.log("you click!");
});

obj.on("click", function(ev) {
    console.log(ev.object.name);
})

var app = new THING.App({
    url: ‘https://www.thingjs.com/static/models/storehouse‘
});

// 鼠标点击事件，打印拾取到的物体id（单击 双击 均触发 双击时会触发两次 Click ）
app.on(‘click‘, function(ev) {
    if (ev.picked) {
        console.log(‘Click : ‘ + ev.object.id);
    }
});

// 鼠标单击事件，打印拾取到的物体id
app.on(THING.EventType.SingleClick, function(ev) {
    if (ev.picked) {
        console.log(‘SingleClick : ‘ + ev.object.id);
    }
});

// 鼠标双击事件，原地创建个球
app.on(‘dblclick‘, function(ev) {
    console.log(‘dblClick‘);
    // e.button 0 为左键 2为右键
    if (!ev.picked || ev.button != 0) { return; }

    app.create({
        type: ‘Sphere‘,
        radius: 0.5,
        position: ev.pickedPosition
    });
});

// 给所有建筑对象，添加鼠标滑过事件
app.on(‘mouseenter‘, ‘.Building‘, function (ev) {
    ev.object.style.outlineColor = ‘#0000FF‘;
});
app.on(‘mouseleave‘, ‘.Building‘, function (ev) {
    ev.object.style.outlineColor = null;
});