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