floor-editor-ts 1.2.5 → 1.2.7

package/dist/floor-editor.es.js

@@ -62003,10 +62003,6 @@ var drawSymGasLine = (ctx, w, d, color) => {
 	ctx.textBaseline = "middle";
 	ctx.fillText("G", 0, 0);
 };
-var persons = [];
-var lastSpawnTime = 0;
-var SPAWN_INTERVAL = 1e3;
-var MAX_PERSONS = 20;
 function getHeatmapColor(t, alpha = 1) {
 	t = Math.max(0, Math.min(t, 1));
 	let r, g, b;
@@ -62033,110 +62029,29 @@ function getHeatmapColor(t, alpha = 1) {
 	}
 	return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 }
-var drawCamera = (ctx, w, d, color, heatmapMatrix, hasPerson = false, showHeatmap = false, showCameraCones = false, highlighted = false) => {
+var MAX_CONE_RANGE_PX = 220;
+var drawCamera = (ctx, w, d, color, heatmapMatrix, hasPerson = false, showHeatmap = false, drawCone = false, highlighted = false) => {
 	const bodyRadius = 4;
 	const lensR = Math.min(w, d) * .25;
-	const range = Math.max(w, d) * 6;
 	const fov = Math.PI / 2;
-	if (showHeatmap || showCameraCones) {
-		var _heatmapMatrix$;
+	if (drawCone) {
 		ctx.save();
-		const coneGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, range);
-		const innerAlpha = highlighted ? "88" : showHeatmap ? "55" : "22";
-		const midAlpha = highlighted ? "55" : showHeatmap ? "22" : "11";
-		coneGradient.addColorStop(0, color + innerAlpha);
-		coneGradient.addColorStop(.45, color + midAlpha);
-		coneGradient.addColorStop(1, color + "00");
-		ctx.fillStyle = coneGradient;
-		ctx.globalCompositeOperation = "lighter";
+		const range = Math.min(Math.max(w, d) * 6, MAX_CONE_RANGE_PX);
+		ctx.globalAlpha = highlighted ? .28 : showHeatmap ? .22 : .14;
+		ctx.fillStyle = highlighted ? "#fbbf24" : color;
 		ctx.beginPath();
 		ctx.moveTo(0, 0);
 		ctx.arc(0, 0, range, -fov / 2, fov / 2);
 		ctx.closePath();
 		ctx.fill();
 		if (highlighted) {
+			ctx.globalAlpha = .85;
 			ctx.strokeStyle = "#fbbf24";
-			ctx.lineWidth = 2.5;
-			ctx.globalCompositeOperation = "source-over";
-			ctx.beginPath();
-			ctx.moveTo(0, 0);
-			ctx.arc(0, 0, range, -fov / 2, fov / 2);
-			ctx.closePath();
+			ctx.lineWidth = 2;
 			ctx.stroke();
 		}
 		ctx.restore();
-		if (showHeatmap && (heatmapMatrix === null || heatmapMatrix === void 0 ? void 0 : heatmapMatrix.length) && ((_heatmapMatrix$ = heatmapMatrix[0]) === null || _heatmapMatrix$ === void 0 ? void 0 : _heatmapMatrix$.length)) {
-			const rows = heatmapMatrix.length;
-			const cols = heatmapMatrix[0].length;
-			const maxValue = Math.max(...heatmapMatrix.flat());
-			if (maxValue > 0) {
-				ctx.save();
-				ctx.globalCompositeOperation = "lighter";
-				ctx.filter = "blur(10px)";
-				const radius = range / rows * 1.8;
-				for (let y = 0; y < rows; y++) for (let x = 0; x < cols; x++) {
-					const value = heatmapMatrix[y][x];
-					if (!value || value <= 0) continue;
-					const intensity = Math.min(value / maxValue, 1);
-					const angle = -fov / 2 + (cols === 1 ? .5 : x / (cols - 1)) * fov;
-					const r = (y + .5) / rows * range;
-					const px = Math.cos(angle) * r;
-					const py = Math.sin(angle) * r;
-					const gradient = ctx.createRadialGradient(px, py, 0, px, py, radius);
-					const alpha = .12 + intensity * .75;
-					gradient.addColorStop(0, getHeatmapColor(intensity, alpha));
-					gradient.addColorStop(.45, getHeatmapColor(intensity, alpha * .45));
-					gradient.addColorStop(1, getHeatmapColor(intensity, 0));
-					ctx.fillStyle = gradient;
-					ctx.beginPath();
-					ctx.arc(px, py, radius, 0, Math.PI * 2);
-					ctx.fill();
-				}
-				ctx.restore();
-			}
-		}
-		if (showHeatmap && hasPerson) {
-			const now = Date.now();
-			if (persons.length < MAX_PERSONS && now - lastSpawnTime > SPAWN_INTERVAL) {
-				lastSpawnTime = now;
-				persons.push({
-					startTime: now,
-					duration: 2e3 + Math.random() * 1e3,
-					direction: Math.random() > .5 ? "far-to-near" : "near-to-far",
-					angle: (Math.random() - .5) * fov * .8
-				});
-			}
-			persons = persons.filter((p) => {
-				let t = (now - p.startTime) / p.duration;
-				if (t >= 1) return false;
-				t = Math.max(0, Math.min(t, 1));
-				let r;
-				if (p.direction === "far-to-near") r = range * (.9 - t * .8);
-				else r = range * (.1 + t * .8);
-				const x = Math.cos(p.angle) * r;
-				const y = Math.sin(p.angle) * r;
-				ctx.save();
-				ctx.translate(x, y);
-				ctx.globalCompositeOperation = "lighter";
-				const scale = .5 + (1 - r / range);
-				ctx.scale(scale, scale);
-				ctx.globalAlpha = 1 - t;
-				const glow = ctx.createRadialGradient(0, 0, 0, 0, 0, 20);
-				glow.addColorStop(0, "rgba(255,0,0,0.8)");
-				glow.addColorStop(1, "rgba(255,0,0,0)");
-				ctx.fillStyle = glow;
-				ctx.beginPath();
-				ctx.arc(0, 0, 20, 0, Math.PI * 2);
-				ctx.fill();
-				ctx.beginPath();
-				ctx.arc(0, 0, 6, 0, Math.PI * 2);
-				ctx.fillStyle = "red";
-				ctx.fill();
-				ctx.restore();
-				return true;
-			});
-		} else if (showHeatmap) persons = [];
-	} else persons = [];
+	}
 	ctx.fillStyle = color + "40";
 	ctx.strokeStyle = color;
 	ctx.lineWidth = 1;
@@ -62231,12 +62146,12 @@ var iconDrawers = {
 * @param w - pixel width (catalogWidth * zoom)
 * @param d - pixel depth (catalogDepth * zoom)
 */
-function drawFurnitureIcon(ctx, catalogId, w, d, color, strokeColor, heatmapMatrix, hasPerson = false, showHeatmap = false, showCameraCones = false, highlighted = false) {
+function drawFurnitureIcon(ctx, catalogId, w, d, color, strokeColor, heatmapMatrix, hasPerson = false, showHeatmap = false, drawCone = false, highlighted = false) {
 	ctx.fillStyle = color + "60";
 	ctx.strokeStyle = strokeColor;
 	ctx.lineWidth = 1;
 	const drawer = iconDrawers[catalogId];
-	if (drawer) drawer(ctx, w, d, color, heatmapMatrix, hasPerson, showHeatmap, showCameraCones, highlighted);
+	if (drawer) drawer(ctx, w, d, color, heatmapMatrix, hasPerson, showHeatmap, drawCone, highlighted);
 	else {
 		roundRect(ctx, -w / 2, -d / 2, w, d, 2);
 		ctx.fill();
@@ -63584,6 +63499,7 @@ function drawFurnitureItem(cs, item, selected, options) {
 	const useConfigHeatmap = isCamera && highlighted && !!(options === null || options === void 0 || (_options$cameraHeatma = options.cameraHeatmapMatrix) === null || _options$cameraHeatma === void 0 ? void 0 : _options$cameraHeatma.length);
 	const drawHeatmapMatrix = useConfigHeatmap ? options.cameraHeatmapMatrix : item.heatmapMatrix;
 	const drawShowHeatmap = item.showHeatmap || useConfigHeatmap;
+	const drawCone = isCamera && (drawShowHeatmap || highlighted || showCameraCones && selected);
 	ctx.save();
 	ctx.translate(s.x, s.y);
 	ctx.rotate(angle);
@@ -63591,7 +63507,7 @@ function drawFurnitureItem(cs, item, selected, options) {
 	const itemColor = (_item$color = item.color) !== null && _item$color !== void 0 ? _item$color : cat.color;
 	const strokeColor = selected ? "#3b82f6" : itemColor;
 	ctx.lineWidth = selected ? 2 : 1;
-	drawFurnitureIcon(ctx, item.catalogId, w, d, itemColor, strokeColor, drawHeatmapMatrix, item.hasPerson, drawShowHeatmap, isCamera ? showCameraCones : false, isCamera ? highlighted : false);
+	drawFurnitureIcon(ctx, item.catalogId, w, d, itemColor, strokeColor, drawHeatmapMatrix, item.hasPerson, drawShowHeatmap, drawCone, highlighted);
 	const fontSize = Math.max(8, Math.min(12, Math.min(w, d) * .2));
 	if (showCameraLabels && Math.min(w, d) > 20) {
 		var _item$name;