jquery实现粒子球旋转效果
代码语言:html
所属分类:粒子
代码描述:jquery实现粒子球旋转效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/modernizr-2.js"></script> <link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/jquery-ui-1.11.0.min"> <style> body {background-color:#000000; color:#555555;} h4 {font-family: sans-serif; color:#555555; font-size:16px;} h3 {font-family: sans-serif; color:#555555;} p {font-family: sans-serif; color:#888888; font-size:14px;} a {font-family: sans-serif; color:#d15423; text-decoration:none;} .slider{ width:500px; background: rgba(0,90,50,0.7); } /* HTML5 Canvas - Projecting 3D particles to a 2D canvas. from rectangleworld.com </style> </head> <body translate="no"> <div style="text-align:center"> <div class="slider" id="slider-range"></div> <div class="slider" id="slider-test"></div> <canvas id="canvasOne" width="900" height="520"></canvas> </div> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/jquery-ui-1.10.3.min.js"></script> <script > window.addEventListener("load", windowLoadHandler, false); var sphereRad = 280; var radius_sp = 1; //for debug messages var Debugger = function () {}; Debugger.log = function (message) { try { console.log(message); } catch (exception) { return; } }; function windowLoadHandler() { canvasApp(); } function canvasSupport() { return Moder.........完整代码请登录后点击上方下载按钮下载查看
网友评论0