canvas实现芭蕾舞彩色线条动画效果代码-html代码-BFW代码库

canvas实现芭蕾舞彩色线条动画效果代码

代码语言：html

所属分类：动画

代码描述：canvas实现芭蕾舞彩色线条动画效果代码

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

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

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

  
</head>

<body translate="no">
  
  
      <script  >
"use strict";

function randomChoice(array) {
  return array[floor(random() * array.length)];
} // randomChoice

//--------------------------------------------------------------------------
// classe Bar
class Bar {
  constructor(hlength, color) {
    // hlength is the half-length of the bar

    this.hlength = hlength;
    this.x0 = 0; // initial position of the center
    this.y0 = 0;
    this.x1 = 0; // final position of the center
    this.y1 = 0;
    this.angle0 = 0;
    this.angle1 = 0;
    this.color = color;
    this.thickness = 4;
    this.randomDest();
    this.randomDest(); // sets random initial and final positions
  } // constructor

  xy1(x, y, angle) {
    // previous target values become start values
    this.x0 = this.x1;
    this.y0 = this.y1;
    this.angle0 = this.angle1;
    // new values become target values
    this.x1 = x;
    this.y1 = y;
    this.angle1 = angle;

    // pre-calculate changes in values
    this.dx = this.x1 - this.x0;
    this.dy = this.y1 - this.y0;
    this.dangle = this.angle1 - this.angle0;
  } // xy1

  randomDes.........完整代码请登录后点击上方下载按钮下载查看