一對一原始碼，滑塊驗證，滑塊左右滑動顯示的位置

一對一原始碼，滑塊驗證，滑塊左右滑動顯示的位置實現的相關程式碼

const {
    ccclass,
    property
} = cc._decorator;
@ccclass
export default class TestPanel extends cc.Component {
 /**
     * 滑鼠按下位置
     *
     * @private
     * @type {cc.Vec2}
     * @memberof TestPanel
     */
    private clickPos: cc.Vec2;
start() {
 this.node.on(cc.Node.EventType.TOUCH_START, this.ClickDown, this);
        this.node.on(cc.Node.EventType.TOUCH_END, this.ClickUp, this);
}
    ClickDown(event: cc.Event.EventMouse) {
        this.clickPos = event.getLocation();
    }
ClickUp(event: cc.Event.EventMouse) {
        if (this.clickPos == null) {
            return;
        }
        //比較開始座標和結束座標
        // console.log("起始位置："+this.clickPos);
        // console.log("結束位置："+event.getLocation());
        // let distance = this.clickPos.sub(event.getLocation()).mag();
        let distance = Math.abs(event.getLocation().x - this.clickPos.x);
        console.log("滑動距離distance:" + distance);
        if (this.clickPos.x < event.getLocation().x) {
            if (distance > 250) {
                console.log("從左往右滑動" + this.centerParent.position.x);
            }
        } else if (this.clickPos.x > event.getLocation().x) {
            if (distance > 250) {
                console.log("從右往左滑動" + this.centerParent.position.x);
            }
        } else {
            //原地不動
        }
    }
onDestroy(){
this.node.off(cc.Node.EventType.TOUCH_START, this.ClickDown, this);
        this.node.off(cc.Node.EventType.TOUCH_END, this.ClickUp, this);
}
}

以上就是一對一原始碼，滑塊驗證，滑塊左右滑動顯示的位置實現的相關程式碼， 更多內容歡迎關注之後的文章