微信小游戏开发（4）-动画和触摸事件

一、动画

在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);

})

本节内容就为大家介绍到这里。

下一节将为大家介绍全局对象和文件类型限制的相关内容。

学习是一条令人时而喜极而泣，时而郁郁寡欢的道路。如果您觉得这篇文章对您有所帮助，请您酌情赞赏！