我正在参加「初夏创意投稿大赛」详情请看：初夏创意投稿大赛
端午节
端午节又称端阳节、龙舟节、重午节等，在农历五月初五，是中国民间的传统节日。端午节源自天象崇拜，由上古时代 祭龙演变而来。仲夏端午，苍龙七宿飞升至正南中天，是龙飞天的吉日，即如《易经·乾卦》第五爻的爻辞曰：“飞龙在 天”。端午日龙星既“得中”又“得正”，乃大吉大利之象。
用canvas写一个吃粽子
临近端午，大家有吃粽子（大家家乡吃甜口，还是咸口？），看家乡塞龙舟吗？这不运营非要搞一个小游戏，因为之前有Da✈的经验，呸呸呸，写飞机大战的经验, 就准备写一个龙舟接粽子。开始的时候想着用Taro+React实现一个可以跨平台的版本，后来因为素材和时间成本（偷懒）的问题，本文使用 原生js 技术栈，实现一个拥有 Da✈般的快感，又充满端午的节日气氛的营销小游戏。 主要包含知识点包括：canvas绘制龙舟龙头🐲、粽子、艾叶,监听鼠标事件控制龙舟吃粽子，躲开艾叶。全民“粽“动员，大家一起来吃粽子吧。
效果
体验地址： db-mauve.vercel.app/
素材准备
一直在用可画，自己创作一些素材，或者在上面用现成的素材，素材很Fashion。 吃粽子数量显示、龙舟、粽子、艾叶、一些插图、背景图片、背景音乐，还要感谢“进击的玉兔”的帮助。
思考
- 既然想要
Da✈般的快感，又充满节日氛围。嗯？那就抄《借鉴》（读书人怎么能说抄呢，学习借鉴）ZFB接金币小游戏吧。 - 还是老套路，先画主场景，龙舟，随机掉了的粽子和不能食用的艾叶，碰撞计算。
- 开始是想做成小程序来着，用Taro+React来写，写到主场景，我就放弃了，小程序获取操作canvas，太尿性了。。。最后妥协了，原生直接写吧。
- 加上分享，再做一个随机获得奖品，关注公众号领取xxx。
- 最后立个flag，再写一个小程序的版本的。
code
代码就不用来凑字数了，想要的，在留言区留言吧。
码上掘金
地址：https://code.juejin.cn/pen/7088229142780444683
