createjs+zim实现线条曲线旋律律动动画效果代码

代码语言:html

所属分类:动画

代码描述:createjs+zim实现线条曲线旋律律动动画效果代码

代码标签: createjs zim 线条 曲线 旋律 律动 动画

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

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">

  

</head>
<body>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/createjs-1.3.2.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/zim_min.js"></script>
<script >
    const frame = new Frame(FIT, 1024, 768, "#313C5E", dark);

frame.on("ready", () => {

const stage = frame.stage;
let stageW = frame.width;
let stageH = frame.height;
    
const randBasePoint =   [[rand(-400,-200), -276.5, 0, 0, rand(-120,-80), -25.5, 108.2, 70], [-131, rand(100,200), 0, 0, -110.3, -34.6, 168.3, 34.6], [367.5, -174.2, 0, 0, -45.1, -42, 45.1, 42],[rand(0,200), 210, 0, 0, -79.6, -58.1, 79.6, rand(40,80)], [537.6, 387.8, 0, 0, rand(-150,-50), -347.2, 78.1, 347.2]]

let randPoint1=[];
let randPoint2=[];
let randPoint3=[];
let randPoint4=[];
let randPoint5=[];
let randPoint6=[];
let randPoint7=[];
let randPoint8=[];
let randPoint9=[];
let randPoint10=[];
    
const otherPoints = [randPoint1, randPoint2, randPoint3, randPoint4, randPoint5, randPoint6, randPoint7, randPoint8, randPoint9, randPoint10]
    
let line1;
let line2;
let line3;
let line4;
let line5;
let line6;
let line7;
le.........完整代码请登录后点击上方下载按钮下载查看

网友评论0