Appearance
场景事件
实例初始时定义场景可交互事件函数。
js
const ssp = new SoonSpace({
el: "#view",
options: {},
events: {
// 鼠标点击模型
modelClick(modelEvent) {
console.log(modelEvent, modelEvent.target);
},
// 鼠标双击模型
modelDblClick(modelEvent) {
console.log(modelEvent, modelEvent.target);
},
// 鼠标右键点击模型
modelRightClick(modelEvent) {
console.log(modelEvent, modelEvent.target);
},
// 鼠标悬浮模型
modelHover(modelEvent) {
console.log(modelEvent, modelEvent.target);
},
// 鼠标悬浮模型后离开
modelUnHover(model) {
console.log(model);
},
// 鼠标点击 poi
poiClick(poi) {
console.log(poi);
},
// 鼠标双击 poi
poiDblClick(poi) {
console.log(poi);
},
// 鼠标右键点击 poi
poiRightClick(poi) {
console.log(poi);
},
// 鼠标悬浮 poi
poiHover(poi) {
console.log(poi);
},
// 鼠标悬浮离开 poi
poiUnHover() {
console.log(poi);
},
// 鼠标点击场景且未相交到任何对象
sceneClick(sceneClickEvent) {
console.log(sceneClickEvent, sceneClickEvent.type);
},
// 鼠标点击拾取空间坐标
selectPosition(position) {
console.log(position);
},
},
});modelClick
鼠标单击模型事件。
回调参数
modelEvent
- target
- 类型: Sbm | Model
- 描述: 事件选中的第一个模型。
- currentTarget
- 类型: Mesh
- 描述: 触发该事件的模型子节点。
- intersects
- 类型: intersect[]
- intersect
- model:Sbm | Model
- sourceData:object
- intersect
- 描述: 事件选中的所有数据。
- 类型: intersect[]
modelDblClick
鼠标双击模型事件。
回调参数
modelEvent
modelRightClick
鼠标右键点击模型事件。
回调参数
modelEvent
modelHover
鼠标悬浮在模型上事件。
回调参数
modelEvent
modelUnHover
鼠标悬浮模型后离开事件。
回调参数
model
- 类型 Sbm | Model
- 描述 上次鼠标悬浮后又离开的模型对象
poiClick
鼠标单击 poi 事件。
回调参数
poi
- 类型: Poi
- 描述: 单击选中的
Poi对象
poiDblClick
双击 poi 事件。
回调参数
poi
poiRightClick
单击 poi 事件。
回调参数
poi
poiHover
鼠标悬浮在 poi 上事件。
回调参数
poi
poiUnHover
鼠标悬浮在 poi 上离开事件。
回调参数
poi
sceneClick
场景点击(单击、双击、右键点击)并且未相交到任何对象时触发。
回调参数
sceneClickEvent
- type
- 类型: SceneEventType
- 描述: 触发的点击事件类型
- event
- 类型: MouseEvent | TouchEvent
- 描述: 触发时传递的原生事件
selectPosition
通过点击在空间内获取坐标点(世界坐标)。
回调参数
position
- 类型: Position
- 描述: 射线与空间对象相交坐标点。