一对一源码，滑块验证，滑块左右滑动显示的位置

一对一源码，滑块验证，滑块左右滑动显示的位置实现的相关代码

 

1

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

​

 

以上就是一对一源码，滑块验证，滑块左右滑动显示的位置实现的相关代码， 更多内容欢迎关注之后的文章