gsap实现彩虹云跟随鼠标动画效果代码-html代码-BFW代码库

gsap实现彩虹云跟随鼠标动画效果代码

代码语言：html

所属分类：动画

代码描述：gsap实现彩虹云跟随鼠标动画效果代码，一团雾气凝结。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
<style>
html, body, canvas {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

canvas {
  position:fixed;
}
</style>

  
</head>

<body >
  <canvas></canvas>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/gsap.3.10.1.js"></script>
      <script  >
console.clear()
const c = document.querySelector('canvas')
const ctx = c.getContext('2d')
let cw = c.width = innerWidth
let ch = c.height = innerHeight
const imgs = []
const dust = Array(99)
const m = {x:0, y:0}
let currentIndex = 0
const imgData = ['data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABfBAMAAADlmt9zAAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMNARor/zyfUIJlvNzDamF6AAAGp0lEQVR4AY2YSY6kyBKGgRPwboAc9f4JF+oL9BxL5EJ1AZc/ctlCLi5AOb1/BexTKOWxTdUQXK5/M8KryCAn67nLPn6bISv6z0sWP/+/nwViWBSl6buBNIoiEPF7gWhv6ZsAHp3gD7YsA3EADtEkmQjPBxC9CuCB8BJZFhSYeBlIY3ITZBzU9Z8vAlEU/KFBSsn2L/FLQMxABv+CHs0gS8TPAmkasSUiFxIEY6yQHhXC89OEHWUlgeSykCIBAYkXAM4AjmWrZJEDApawyBEI/ghHlvXcSvxDKVUVQoqQ9xGgp8OxtADgbwHInID4CCBlpEtPLdt6nOdWKWvbGkTFhboF4B9HSS4RRd3aeQJhLVGtagskkd4CnAEL1NZ2g3MOKm5Q9WhbTiI6ACkEyL+b4Uk29XqwHQOcxROAHo8MKqm6if17o/E35wYkomQO4ikQ80RIquhknNaN143ujTNzCwUYiFuFRLCCdYtetPdLo7Vf3NjWraTqYkV2AJU0oR5Uanb+7JdFa734+9/mkULiBmbIYg9EBJQ/d64/rxdN1jT3n+extkDquqqyKADsnyGFXKkPKI1fP+Pxrtf6/rOb0Q1o1KqgoQ0AB4SUVdtNjWkQ0WIccjlfzDijzKOy6F4U7RXgjxHqpt7r3i9eG/wbAG/mcYYKNWMHcInQtM4iZVTH9Np9Wld/Xn+5uAkKBCCmeANYgBW6bnbIFuEYrR9/+WX95ZeTcQNJVBIxpUHhOtcl/OGJx09G3/3CtgKHAoA8+64QU0lzmQPoTUMhTaa/34BLQ8BoqwJAyCHlHqCqHzBG6LEZHEfEAEL8OAEQNLIbwDnT/qp6tpNuaOp8w+7IYTFmQF1lFkEh3gMwZQFogyKtZzgHCTNYCSAKCikBZZ7nkABgdN+sKyIKEs1iRpybBEAagIxPCma7g4L2wXsDdGOGv7eTySHxYMAfjKxnGiG.........完整代码请登录后点击上方下载按钮下载查看