js实现城市地图生成器代码

代码语言:html

所属分类:其他

代码描述:js实现城市地图生成器代码

代码标签: js 城市 地图 生成器 代码

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

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

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

  
  
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: #000;
  overflow: hidden;
}
canvas {
  display: block;
  width: 100vw;
  height: 100vh;
}
</style>



  
  
</head>

<body translate="no">
  <canvas id="c"></canvas>
  
    <script  type="module">
import { Pane } from "https://esm.sh/tweakpane@4";

// system state
let squares = [];
let frontier = [];
let generation = 0;
let paused = false;
const params = {
  seed: 42,
  initSize: window.innerWidth > 600 ? 51 : 31,
  pForward: 0.85, // chance to extend in the same direction we came from
  pBranch: 0.15, // chance to branch into EACH open perpendicular side
  pScale: 0.2, // chance the scale rule fires for a given child
  scaleAmount: 0.9, // target shrink ratio when scale fires
  pDivide: 0.1,
  margin: 1,
  speed: 50,
  minSize: 1 };


// PRNG
function mulberry32(seed) {
  let s = seed >>> 0;
  return () => {
    s = s + 0x6d2b79f5 >>> 0;
    let t = Math.imul(s ^ s >>> 15, 1 | s);
    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
    return ((t ^ t >>> 14) >>> 0) / 4294967296;
  };
}
let rng = mulberry32(42);

const canvas = d.........完整代码请登录后点击上方下载按钮下载查看

网友评论0