以下是罗盘时间案例，按目录结构创建文件夹（bg/video、bg/img、js），下载 jQuery 精简版放到js目录，自己使用下载的视频 / 图片，分别放到bg/video/bg/img目录，命名...
阅读全文
下面是七彩粒子的实现方法，粒子动画本质是通过 Canvas 逐帧绘制大量独立的「粒子对象」，并通过更新粒子属性（位置、速度、颜色、大小等）实现动态效果。1. Canvas 初始化设置 Canvas 尺...
阅读全文
网站页面更换背景图，这个模板是作用于<body>标签，使用后会改变全局的背景，如果只想作用于<head>标签背景，要改的东西也不多，有兴趣的可根据自己情况修改或者等后续我再写一...
阅读全文
使用css实现天空云层移动的特效，如过像使用本地路径需要下载附件将图片url可替换成animate1.png和animate2.png即可，此云层效果不依赖外部资源，可以根据自己需要部署使用。<...
阅读全文
使用HTML5 Canvas实现：1.星星效果：随机生成不同大小和亮度的星星星星会缓慢闪烁，模拟真实星空效果星星带有微弱的颜色（白色、淡黄色、淡蓝色、淡红色）流星效果：流星随机从屏幕左侧或顶部边缘出现...
阅读全文
线性粒子汇聚特效每个粒子都有独特的HSL颜色值，粒子颜色随时间渐变，形成彩虹流动效果，粒子间的连线呈现彩色，根据距离动态变化，鼠标移动会影响粒子运动（吸引和排斥），粒子在画布边界会反弹，底部版权信息，...
阅读全文
经典贪吃蛇纯前端代码实现经典贪吃蛇游戏，含电脑端方向键控制，暂停，难度模式选择，以及特殊食物和保存历史最高分等功能。新增支持移动端控制控制: 方向键 ↑↓←→ 或 WASD、暂停: ...
阅读全文
使用前端技术实现不同三色玫瑰花，分别是红色、蓝色、粉色玫瑰花，大家可根据自己需要加一个背景图，也可以修改代码实现更多玫瑰花的不同颜色，没有做所有屏幕尺寸适配，某些屏幕可能需要缩放才能正常显示完整的玫瑰...
阅读全文
1. 在创建粒子时，为每个粒子存储初始位置（随机）和目标位置（爱心形状的位置）。2. 在动画循环中，根据时间或进度参数，插值每个粒子的位置从初始到目标。3. 添加一个控制形成过程的变量，比如forma...
阅读全文
移动鼠标即可查看水波纹，使用鼠标点击也可以实现水波纹效果，背景图可以根据需求自己替换，background: url("./images/ocean.jpg");替换成自己想要的背...
阅读全文