用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    2017-3-17 12:52:32 柿霖不是林 咫尺尊享 楼主 31765
    说点:  今年情人节,本来想撸个有意思的demo动画,无奈写了大半天的公司文案,下午才有时间撸个片段出来。 这个demo比较简单,不多说。


    老规矩,上图为敬:

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

      
    举一反三:
    练习了这个demo,是不是感觉 贪吃蛇小游戏是不是这种套路啊 ?!




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

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    感谢分享
    使用道具 举报 回复
    使用道具 举报 回复
    -Canvas
    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略