這是今天寫窗口拖動(dòng)時(shí)，忽然想到的一個(gè)變式

下面是一個(gè)簡(jiǎn)單的實(shí)現(xiàn)拖動(dòng)物體的方法：

@property(cc.Node)theNode: cc.Node = null; //這里在外部賦值onLoad() {this.theNode.on(cc.Node.EventType.TOUCH_MOVE, event => {var delta = event.touch.getDelta(); //獲取觸點(diǎn)距離上一次事件移動(dòng)的距離對(duì)象，對(duì)象包含 x 和 y 屬性this.theNode.x += delta.x;this.theNode.y += delta.y;}, this)}

這里點(diǎn)擊的物體和移動(dòng)的物體是同一個(gè)物體，但若點(diǎn)擊的物體和移動(dòng)的物體不是同一個(gè)又會(huì)有怎樣的效果呢？
自然是在A物體上拖動(dòng)，B物體會(huì)做移動(dòng)，而A物體不動(dòng)咯。
這不是王者榮耀拖動(dòng)地圖的方法嗎？

@property(cc.Node)ClickPart: cc.Node = null; //這里掛載一個(gè)空白區(qū)域的節(jié)點(diǎn)@property(cc.Node)Map: cc.Node = null; //這里掛載地圖的節(jié)點(diǎn)speed: number = 1; //修改這個(gè)數(shù)值可以控制地圖拖動(dòng)的靈敏度onLoad() {this.ClickPart.on(cc.Node.EventType.TOUCH_MOVE, event => {var delta = event.touch.getDelta();this.Map.x += delta.x*speed;this.Map.y += delta.y*speed;}, this)}

這樣便實(shí)現(xiàn)了簡(jiǎn)單的地圖拖動(dòng)，值得注意的是：當(dāng)拖動(dòng)的范圍超出自己定義的空白區(qū)域時(shí)，只要拖動(dòng)沒有超出屏幕（畫布canvas）的范圍，地圖仍然是能移動(dòng)的。
以上只是實(shí)現(xiàn)了地圖的拖動(dòng)，若想停止拖動(dòng)恢復(fù)原來的位置，可進(jìn)行以下操作：

position:cc.Vec2 = null; //定義一個(gè)位置進(jìn)行記錄onLoad() {this.theNode.on(cc.Node.EventType.TOUCH_START, event => {this.position = this.node.position;cc.log(this.position)}, this)this.theNode.on(cc.Node.EventType.TOUCH_END, () => {this.Map.position = this.position;})this.theNode.on(cc.Node.EventType.TOUCH_CANCEL, () => {this.Map.position = this.position;})}

總結(jié)

以上是生活随笔為你收集整理的cocos creator实现类似王者荣耀地图拖动的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。