canvas彩色线条交织动画效果代码-html代码-BFW代码库

canvas彩色线条交织动画效果代码

代码语言：html

所属分类：动画

代码描述：canvas彩色线条交织动画效果代码

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

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">

  
<style>
canvas {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

body {
  margin:0px;
}
</style>


  
</head>

<body >
  
  
      <script >
// 定义一个函数，用于获取在范围 [a, b] 内的随机整数
function getRandomNumberInRange(a, b) {
    const start = Math.min(a, b);
    const end = Math.max(a, b);
    const randomNumber = Math.floor(Math.random() * (end - start + 1)) + start;
    return randomNumber;
}

// 定义一个函数，用于将一个范围内的值映射到另一个范围
function map(value, start1, stop1, start2, stop2) {
    const outgoing = start2 + (stop2 - start2) * ((value - start1) / (stop1 - start1));
    return outgoing;
}

// 定义 PerlinNoise 类
class PerlinNoise {
    constructor(rand = Math.random) {
        let perm = new Int8Array(257);
        for (let i = 0; i < 256; i++) {
            perm[i] = i & 1 ? 1 : -1;
        }
        for (let i = 0; i < 256; i++) {
            let j = (rand() * 4294967296) & 255;
     .........完整代码请登录后点击上方下载按钮下载查看