微信小游戏开发(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);
})

本节内容就为大家介绍到这里。
下一节将为大家介绍全局对象和文件类型限制的相关内容。
学习是一条令人时而喜极而泣,时而郁郁寡欢的道路。如果您觉得这篇文章对您有所帮助,请您酌情赞赏!
这里写图片描述

猜你喜欢

转载自blog.csdn.net/candy_tity/article/details/81974464