今天有点忙，撸了个片段--Canvas 练手（贪吃蛇的入门版）

柿霖不是林

说点：  今年情人节，本来想撸个有意思的demo动画，无奈写了大半天的公司文案，下午才有时间撸个片段出来。 这个demo比较简单，不多说。


老规矩，上图为敬：

实现原理：  
比较简单，通过绘制两条三阶贝塞尔曲线即可绘制爱心图形， 但如何实现粒子逐个显示呢？  
其实很简单，通过第一篇文章我们很容易获取贝塞尔曲线上每个点的坐标值， 我们绘制运动轨迹第一个点时调用ctx.draw()方法，后续所有点都采用ctx.draw(true)方法即可实现粒子逐个显示。 其中的参数true官方文档有说明，如下：  
          "reserve        Boolean        非必填。本次绘制是否接着上一次绘制，即reserve参数为false，则在本次调用drawCanvas绘制之前native层应先清空画布再继续绘制；若reserver参数为true，则保留当前画布上的内容，本次调用drawCanvas绘制的内容覆盖在上面，默认 false"  

  
举一反三：
练习了这个demo，是不是感觉 贪吃蛇小游戏是不是这种套路啊 ？！

游客，如果您要查看本帖隐藏内容请回复

Ywenli

感谢分享

897335085

lantern1993

-Canvas

jack369

我有流量，你有产品，我们就可以合作，有意的个人开发者朋友可以联系微信号jim20180688，详聊