Cesium点击改变entity/primitives颜色与恢复原色(三) - ToB企服应用市场:ToB评测及商务社交产业平台

//粉色
var entity6 = viewer.entities.add({
id:6,
position:new Cesium.Cartesian3.fromDegrees(103.8603, 30.7049,490),
//设置朝向和翻滚角度
orientation:orientation,
model:{
uri:"../../../static/3DModel/higokumaru__honkai_impact_3rd/scene.gltf",
show:true,
scale: 5.0 ,
silhouetteColor : Cesium.Color.YELLOW,
silhouetteSize : 0,
colorBlendMode:Cesium.ColorBlendMode.MIX,
colorBlendAmount: 0
}
})
entityCollection.add(entity6)
//小恶魔
var entity7 = viewer.entities.add({
id:7,
position:new Cesium.Cartesian3.fromDegrees(103.8611, 30.7055,490),
//设置朝向和翻滚角度
orientation:orientation,
model:{
uri:"../../../static/3DModel/lilit_endora/scene.gltf",
show:true,
scale: 0.1 ,
silhouetteColor : Cesium.Color.YELLOW,
silhouetteSize : 0,
colorBlendMode:Cesium.ColorBlendMode.MIX,
colorBlendAmount: 0
}<br><br>
})

复制代码

var tileset = new Cesium.Cesium3DTileset({
url: "../../../static/3DModel/sicauOSM/tileset.json",
});
viewer.scene.primitives.add(tileset);
console.log(tileset);

复制代码

//鼠标单击左键事件
viewer.screenSpaceEventHandler.setInputAction(function onMouseClick( click ) {
var nowIsEntity = false;
//pickedFeature 是 primitive
var pickedFeature = viewer.scene.pick(click.position);
//pickedEntity 是 entity
var pickedEntity = null;
if(Cesium.defined(pickedFeature)){
console.log(pickedFeature);
//如果是entity
if(typeof(pickedFeature.id) !== "undefined"){
pickedEntity = entityCollection.getById(pickedFeature.id.id);
pickedEntity.model.color = Cesium.Color.RED;
pickedEntity.model.colorBlendAmount = 0.5;
nowIsEntity = true;
}
//如果是primitive
else if(typeof(pickedFeature.id) == "undefined"){
that.lastPrimitiveColor = pickedFeature.color;
console.log(`that.lastPrimitiveColor为:${that.lastPrimitiveColor}`);
pickedFeature.color = Cesium.Color.RED;
console.log(pickedFeature.getProperty("name"));
}
//第一次点击，则只需要记住当前物体，以便点击其他物体时候恢复改物体颜色
if(that.pickedEntity === null && nowIsEntity){
that.pickedEntity = pickedEntity;
that.lastIsEntity = true;
return;
}else if(that.lastFeature === null && !nowIsEntity){
that.lastFeature = pickedFeature;
that.lastIsEntity = false;
return;
}
//不是第一次点击，则需将上一次点击的物体恢复原本的颜色
if(nowIsEntity){
that.pickedEntity.model.colorBlendAmount = 0;//设置模型颜色与透明度
that.pickedEntity=pickedEntity;
that.lastIsEntity = true;
return;
}else if(!nowIsEntity){
that.lastFeature.color = that.lastPrimitiveColor;
console.log(`that.lastFeature.tileset.color为:${that.lastFeature.tileset.color}`);
that.lastFeature=pickedFeature;
that.lastIsEntity = false;
return;
}
}
console.log(pickedFeature);
console.log(pickedEntity);
},Cesium.ScreenSpaceEventType.LEFT_CLICK);

复制代码

//定义用于在目标颜色和图元的源颜色之间混合的不同模式
//HIGHLIGHT将源颜色乘以目标颜色
//REPLACE将源颜色替换为目标颜色
//MIX将源颜色和目标颜色混合在一起。
tileset.colorBlendMode = Cesium.Cesium3DTileColorBlendMode.MIX;
tileset.colorBlendAmount = 0.7;

复制代码