js-collider
js碰撞檢測外掛入口... -> github
專案地址 -> 碼雲
通過繼承ColliderPoint類並實現其中三個方法
/**
* 這三個方法是用來讓使用者重寫的
* onCollisionEnter: 監聽第一次碰撞
* onCollisionStay: 一直監聽碰撞
* onCollisionExit: 監聽碰撞退出
*/
onCollisionEnter() {
}
onCollisionStay() {
}
onCollisionExit() {
}
複製程式碼例如:
// 繼承ColliderPoint類
class A extends ColliderPoint {
// 開始碰撞
onCollisionEnter() {
console.log('collisionEnter')
}
// 持續碰撞
onCollisionStay() {
console.log('collisionStay')
}
// 碰撞退出
onCollisionExit() {
console.log('collisionExit')
}
}
// 將x、y軸的座標和width和height傳入構造方法得到例項
let point = new A(100 - offset, 100 - offset, block_w)
複製程式碼你在修改A的例項point的x、y座標和height、width的時候，它會自動呼叫外掛中的check_collider這個檢查函式，判斷是否碰撞。如是，則並呼叫這三個方法