js实现盘状旋转动画效果代码
代码语言:html
所属分类:动画
代码描述:js实现盘状旋转动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html lang="en"> <head> <meta charset="UTF-8"> <style> body { width: 100%; margin: 0; overflow: hidden; background: #000815; } canvas { display: block; } </style> </head> <body> <canvas id="canv" width="971" height="744"></canvas> <script> /* Algorithms explained: http://archive.bridgesmathart.org/2008/bridges2008-131.pdf */ (function() { var pow = Math.pow, sin = Math.sin, cos = Math.cos, pi = Math.PI; function _d(z,t, p,q) { // The square of the distance between z*e^(it) and z*e^(it)^(p/q). var w = pow(z, p/q), s =(p*t + 2*pi)/q; return ( pow( z*cos(t) - w*cos(s), 2 ) + pow( z*sin(t) - w*sin(s), 2 ) ); } function ddz_d(z,t, p,q) { // The partial derivative of _d with respect to z. var w = pow(z, p/q), s = (p*t + 2*pi)/q, ddz_w = (p/q)*pow(z, (p-q)/q); return ( 2*(w*cos(s) - z*cos(t))*(ddz_w*cos(s) - cos(t)) + 2*(w*sin(s) - z*sin(t))*(ddz_w*sin(s) - sin(t)) ); } function ddt_d(z,t, p,q) { // The partial derivative of _d with respect to t. var w = pow(z, p/q), s = (p*t + 2*pi)/q, dds_t = (p/q); return ( .........完整代码请登录后点击上方下载按钮下载查看
网友评论0