createjs规则表面特效
代码语言:html
所属分类:粒子
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> [createjs]ruled_surface</title> <style> * { margin: 0; } body { background-color: #000; } canvas#myCanvas { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </head> <body translate="no"> <script src='http://repo.bfw.wiki/bfwrepo/js/createjs.min.js'></script> <div class="canvas"> <canvas id="myCanvas" width="900" height="600"></canvas> </div> <script> window.addEventListener('load', init); window.addEventListener('load', handleResize); //ロード時リサイズをかける var radian = 120; var stage; var max = 0; var min = 8; var random = Math.floor(Math.random() * (max - min + 1)) function init() { stage = new createjs.Stage('myCanvas'); var curves = new Curves(-1); stage.addChild(curves); var curves_b = new Curves(-1); // curves_b.x += radian*6; stage.addChild(curves_b); createjs.Ticker.addEventListener("tick", stage); createjs.Ticker.timingMode = createjs.Ticker.RAF; window.addEventListener('resize', handleResize.........完整代码请登录后点击上方下载按钮下载查看
网友评论0