TweenMax实现粒子聚散数字倒计时动画效果代码-html代码-BFW代码库

TweenMax实现粒子聚散数字倒计时动画效果代码

代码语言：html

所属分类：粒子

代码描述：TweenMax实现粒子聚散数字倒计时动画效果代码

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

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

<head>

  <meta charset="UTF-8">


  
  
<style>

body {
  background-color: #24282f;
  margin: 0;
  padding: 0;
}
canvas {
  position: absolute;
  top: 0;
  left: 0;
}
#canvas-number {
  width: 680px;
  height: 420px;
}
</style>


</head>

<body  >
  <canvas id="canvas-number"></canvas>
<canvas id="canvas-dots"></canvas>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>
      <script >
/*
Desc: Define inital variables
*/
var numberStage,
numberStageCtx,
numberStageWidth = 680,
numberStageHeight = 420,
numberOffsetX,
numberOffsetY,

stage,
stageCtx,
stageWidth = window.innerWidth,
stageHeight = window.innerHeight,
stageCenterX = stageWidth / 2,
stageCenterY = stageHeight / 2,

countdownFrom = 10,
countdownTimer = 2800,
countdownRunning = true,

number,
dots = [],
numberPixelCoordinates,
circleRadius = 2,
colors = ['61, 207, 236', '255, 244, 174', '255, 211, 218', '151, 211, 226'];


/*
Desc: Init canvases & Number text
*/
fun.........完整代码请登录后点击上方下载按钮下载查看