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

代码语言:html

所属分类:动画

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

代码标签: 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+CHs0g.........完整代码请登录后点击上方下载按钮下载查看

网友评论0