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