微信小程序如何实现canvas版水果老虎机开发思路解析？

本文共计1659个文字，预计阅读时间需要7分钟。

在这个漫长的假期里，无暇他顾。于是动手做一个早计划的小玩意儿，水杯老虎机、摇一摇，这是一个小程序而非小游戏... 使用结构还是canvas？使用模板结构（view）生成水杯盘的好方法。

在这个超长假期中，无聊。。。，所以动手做一个早就计划要做的小玩意， 水果老虎机 ，嗯，这是一个小程序而不是小游戏...

使用结构还是canvas？

使用模板结构(view)生成水果盘的好处一是用户可自定义产出 n x n 的定制化老虎机，二是容易通过算法样式生成布局，三是通过 wx.selectQueryAll 的方法能够很方便的抓到定位数据。但，问题是动画性能过于孱弱，如图构建一个 7x7 的水果盘，动画性能估计会惨不忍睹，而且纯粹模板结构无论使用 animation 动画方法还是 css 的keyframe的动画方法得到的动画效果都非常差(测试过的结论)，还有是已知的动画方法可控性很差

使用canvas来生成水果盘好处是动画性能很好(canvas2d)，但是定制性和扩展性比较差

so综上考虑，使用模板(view)布局，使用canvas来实现动画。