持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第3天，点击查看活动详情 前言 最近在小破站闲逛，看到了很多有意思的内容，也学到了很多有用的知识，刚好最近学到了一个非常炫酷、非常

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 我与好友的故事 🍶 想送好友转动的星空和星球，对前端开发，不是一件难事。看我用前端魔术手「animation」和canvas让星空动起来。

请不要叫我单身狗,我的代号是战狼。七夕将至，本期就献上一个七夕表白信封，打开信封就有你对她想说的话，毕竟单身直男一般当面也说不出口，咱今儿就用H5动画的这种形式表达出来。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。 看图来分析下，我们需要实现哪些效果。 好的，我们把整个效果大致拆分成三个效果，实现这三个效果，就完成了。 我们一步一步来实现。 用一个数组保存雨滴对象。 往数组中添加一定数量的雨滴对象，然后遍历数组，修改…

冬奥会正在如火如荼的进行，今年冬奥的吉祥物冰墩墩也是成了新网红，不知道你有没有抢到冰墩墩玩偶？没抢到也没关系，前端人前端魂，用canvas给自己画一个！

本期我们将使用vite2与vue3开发出一个招财猫小游戏，通过考验眼力和预判能力，在图案不停滚动的同时选出可以转出不同的素材最终得到粽子奖励，康康你能用多少次才会转出自己喜爱口味的粽子吧~

因为最近看到很多canvas的骚操作，有画龙的、有做动画的，在看他们代码的时候，这些图形处理的方式让我突然想到在大二用python做的一个隐形斗篷的骚操作，于是二话不说就打开github创建了项目

新需求需要做个红包雨游戏，懂的都懂。无外乎就是 红包下落动画 点击红包+1动画 游戏结束弹个优惠券 核心功能点就是红包的下落功能。