three实现粒子波浪波纹动画效果代码

代码语言:html

所属分类:粒子

代码描述:three实现粒子波浪波纹动画效果代码

代码标签: three 粒子 波浪 波纹 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
    <style>
        body, .container, canvas {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
        
        canvas {
            display: block;
            background: black;  
        }
    </style>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.88.js"></script>
</head>

<body >

<div class="container"></div>


<script id="vertex-shader" type="x-shader/x-vertex">
    //
    // GLSL textureless classic 2D noise "cnoise",
    // with an RSL-style periodic variant "pnoise".
    // Author:  Stefan Gustavson (stefan.gustavson@liu.se)
    // Version: 2011-08-22
    //
    // Many thanks to Ian McEwan of Ashima Arts for the
    // ideas for permutation and gradient selection.
    //
    // Copyright (c) 2011 Stefan Gustavson. All rights reserved.
    // Distributed under the MIT license. See LICENSE file.
    // https://github.com/ashima/webgl-noise
    //

    vec4 mod289(vec4 x)
    {
      return x - floor(x * (1.0 / 289.0)) * 289.0;
    }

    vec4 permute(vec4 x)
    {
      return mod289(((x*34.0)+1.0)*x);
    }

    vec4 taylorInvSqrt(vec4 r)
    {
      return 1.7.........完整代码请登录后点击上方下载按钮下载查看

网友评论0