js实现城市地图生成器代码
代码语言:html
所属分类:其他
代码描述: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