素材8网-专注前端素材！
来源：https://www.htmlsucai.com/31785.html

canvas梦幻气泡背景插件background

  • 2080
  • 0
  • 0
background.js是一款HTML5 canvas梦幻圆形泡泡动画背景特效。通过background.js插件，你可以轻松的制作出带渐变效果的气泡动画背景效果，并且背景颜色能在4种颜色间平滑过渡转换。
background.js插件的特点还有：
支持4种渐变颜色。
实现梦幻泡泡效果。
动画平滑过渡效果。
检测移动设备并尝试优化资源。
纯JavaScript制作，没有任何依赖。

参数：
  1. var options =
  2.   {
  3.     resolution: 1,
  4.     gradient:
  5.     {
  6.       resolution: 4,
  7.       smallRadius: 0,
  8.       hue:
  9.       {
  10.         min: 0,
  11.         max: 360
  12.       },
  13.       saturation:
  14.       {
  15.         min: 40,
  16.         max: 80
  17.       },
  18.       lightness:
  19.       {
  20.         min: 25,
  21.         max: 35
  22.       }
  23.     },
  24.     bokeh:
  25.     {
  26.       count: 30,
  27.       size:
  28.       {
  29.         min: 0.1,
  30.         max: 0.3
  31.       },
  32.       alpha:
  33.       {
  34.         min: 0.05,
  35.         max: 0.4
  36.       },
  37.       jitter:
  38.       {
  39.         x: 0.3,
  40.         y: 0.3
  41.       }
  42.     },
  43.     speed:
  44.     {
  45.       min: 0.0001,
  46.       max: 0.001
  47.     },
  48.     debug:
  49.     {
  50.       strokeBokeh: false,
  51.       showFps: false
  52.     }
  53.   };     
复制代码
相关素材
canvas梦幻气泡背景插件background
  • 来和猫猫玩儿 刚刚下载了一个素材
  • 皮噜 刚刚下载了一个素材
  • dy_Ray_zue 刚刚下载了一个素材
  • zerooo 刚刚下载了一个素材
  • 上学的苦谁懂 刚刚下载了一个素材
  • 一五一十一五一十一五一十一五一十一五 刚刚下载了一个素材
  • dy_旧戏书_yz8 刚刚下载了一个素材
  • 笑点 刚刚下载了一个素材
  • gt_回首_fkd4 刚刚下载了一个素材
  • 咚咚和盖盖 刚刚下载了一个素材
  • 教育咨询小武老师 刚刚下载了一个素材
  • 冰鼠 刚刚下载了一个素材
  • gt_小王子_zis6 刚刚下载了一个素材
  • 东莞刑事张律师 刚刚下载了一个素材
  • 俊俊baba 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题