simplex-noise.min.js 是Javascript中一种快速的噪点图形的插件-BFW插件库

simplex-noise.min.js 是Javascript中一种快速的噪点图形的插件

使用方式：

第一步引入bfwone

第二步use插件

第三步配置参数

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script  type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["simplex-noise.min"], function() {
                var simplex = new SimplexNoise(),
                canvas = document.getElementById('c'),
                ctx = canvas.getContext('2d'),
                imgdata = ctx.getImageData(0, 0, canvas.width, canvas.height),
                data = imgdata.data,
                t = 0;

                window.setInterval(function() {
                    for (var x = 0; x < 256; x++) {
                        for (var y = 0; y < 256; y++) {
                            var r = simplex.noise3D(x / 16, y / 16, t/16) * 0.5 + 0.5;
                            var g = simplex.noise3D(x / 8, y / 8, t/16) * 0.5 + 0.5;
                            data[(x + y * 256) * 4 + 0] = r * 255;
                            data[(x + y * 256) * 4 + 1] = (r + g) * 200;
                            data[(x + y * 256) * 4 + 2] = 0;
                            data[(x + y * 256) * 4 + 3] = 255;
                        }
                    }
                    t++;
                    ctx.putImageData(imgdata, 0, 0);
                },
                    1000/60);
            });
        });
    </script>
    <style>
    </style>
</head>
<body>
  <canvas id="c"></canvas>
</body>
</html>

github地址https://github.com/jwagner/simplex-noise.js