微信小遊戲開發(4)-動畫和觸控事件

陳田田發表於2018-08-23

#一、動畫 在JavaScript中,一般通過setInterval、setTimeout、requestAnimationFrame來實現動畫效果。 微信小遊戲對這些API提供了支援:

setInterval()
setTimeout()
requestAnimationFrame()
clearInterval()
clearTImeout()
cancelAnimationFrame()
複製程式碼

另外,還可以通過wx.setPreferredFramesPersSecond()修改執行requestAnimationFrame回撥函式的頻率,以降低效能消耗。 #二、觸控事件 響應使用者與螢幕的互動是遊戲中必不可少的部分,小遊戲參照DOM中的TouchEvent提供了一下監聽觸控事件的API:

wx.onTouchStart()
wx.onTouchMove()
wx.onTouchEnd()
wx.onTouchCancel()
複製程式碼

可以通過以下程式碼來體驗一下各個事件:

wx.onTouchStart(function(e){
    console.log(e.touches);
})
wx.onTouchMove(function(e){
    console.log(e.touches);
})
wx.onTouchEnd(function(e){
    console.log(e.touches);
})
wx.onTouchCancel(function(e){
    console.log(e.touches);
})
複製程式碼

本節內容就為大家介紹到這裡。 下一節將為大家介紹全域性物件和檔案型別限制的相關內容。 學習是一條令人時而喜極而泣,時而鬱鬱寡歡的道路。如果您覺得這篇文章對您有所幫助,請您酌情讚賞!

微信小遊戲開發(4)-動畫和觸控事件

相關文章