forked from baturinsky/worldgen
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtimelapse.html
45 lines (37 loc) · 914 Bytes
/
timelapse.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<body></body>
<script src="gif.js"></script>
<script src="mapgen.js"></script>
<script>
let config = {
seed: 1,
width: 600,
height: 600,
scale: 1,
erosion: 1,
pangaea: -1,
discreteHeights: 20,
riverAge: 20000,
riversNumber: 1000,
terrainTypeColoring: false,
seaRatio: 0.5,
hillRatio: 0.12,
mountainRatio: 0.04,
};
function timeLapse() {
config.riversNumber = 0;
let gif = new GIF({
quality: 10,
});
for (i = 0; i < 10; i++) {
config.riverAge = i*i * 500;
let { elevation, folds, temperature, rivers } = generateMap(config);
let elevationImage = elevation2Image({ elevation, rivers }, config);
gif.addFrame(elevationImage);
}
gif.on("finished", function (blob) {
document.body.innerHTML += `<img src="${URL.createObjectURL(blob)}"/>`;
});
gif.render();
}
timeLapse();
</script>