backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-17 09:41:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

throttle work done on zoom

Browse source
This commit is contained in:
Azgaar 2021-07-12 22:08:17 +03:00
parent 9df7b2f7a5
commit e7b354e217
3 changed files with 278 additions and 162 deletions
Download patch file Download diff file Expand all files Collapse all files

23
modules/ui/heightmap-editor.js
View file

@ -131,15 +131,8 @@ function editHeightmap() {
// Exit customization mode
function finalizeHeightmap() {
if (viewbox.select("#heights").selectAll("*").size() < 200) {
tip("Insufficient land area! There should be at least 200 land cells to finalize the heightmap", null, "error");
return;
}
if (document.getElementById("imageConverter").offsetParent) {
tip("Please exit the Image Conversion mode first", null, "error");
return;
}
if (viewbox.select("#heights").selectAll("*").size() < 200) return tip("Insufficient land area! There should be at least 200 land cells to finalize the heightmap", null, "error");
if (document.getElementById("imageConverter").offsetParent) return tip("Please exit the Image Conversion mode first", null, "error");
delete window.edits; // remove global variable
redo.disabled = templateRedo.disabled = true;
@ -1103,6 +1096,10 @@ function editHeightmap() {
const reader = new FileReader();
const img = new Image();
img.id = "imageToConvert";
img.style.display = "none";
document.body.appendChild(img);
img.onload = function () {
const ctx = document.getElementById("canvas").getContext("2d");
ctx.drawImage(img, 0, 0, graphWidth, graphHeight);
@ -1295,10 +1292,7 @@ function editHeightmap() {
}
function applyConversion() {
if (colorsAssigned.childElementCount < 3) {
tip("Please do the assignment first", false, "error");
return;
}
if (colorsAssigned.childElementCount < 3) return tip("Please do the assignment first", false, "error");
viewbox
.select("#heights")
@ -1324,6 +1318,9 @@ function editHeightmap() {
const canvas = document.getElementById("canvas");
if (canvas) canvas.remove();
const image = document.getElementById("imageToConvert");
if (image) image.remove();
d3.select("#imageConverter").selectAll("div.color-div").remove();
colorsAssigned.style.display = "none";
colorsUnassigned.style.display = "none";