Saco el reseteo de las posiciones al agregar generadores

js/main.js

@@ -22,10 +22,9 @@ class WindSimulation {
     constructor(width, height, mills) {
         this.width = width;
         this.height = height;
-        this.mills = mills;
 
         this.wms = [];
-        this.init_windmills();
+        this.init_windmills(mills);
 
         this.wm = null;
         this.simulation = null;
@@ -63,19 +62,16 @@ class WindSimulation {
         scene.add(this.flag);
     }
 
-    init_windmills() {
+    init_windmills(mills) {
         if(!WindMill.isReady()) {
-            setTimeout(() => { this.init_windmills() }, 100);
+            setTimeout(() => { this.init_windmills(mills) }, 100);
             return;
         }
-        for(var i = 0; i < this.mills; i++) {
+
-            var wm = new WindMill();
+        for(var i = 0; i < mills; i++)
-            wm.position.set(4 + 0.5, i + 5 - Math.ceil(this.mills / 2) + 0.5, 0);
+            this.addWindMill();
-            wm.rotation.z = this.targetRotation;
+
-            scene.add(wm);
+        this.wm = null;
-            this.wms.push(wm);
-        }
-        this.wm = this.wms[0];
     }
 
     move(pos, ended=false, count=2) {
@@ -180,7 +176,7 @@ class WindSimulation {
         this.simulation = null;
         this.simulationPots = null;
         this.simulationPot = null;
-        for(var i = 0; i < this.mills; i++)
+        for(var i = 0; i < this.wms.length; i++)
             this.wms[i].lowPower(false);
         document.getElementById("follower").style.display = "none";
         document.getElementById("results").style.display = "none";
@@ -202,28 +198,35 @@ class WindSimulation {
         this.targetRotation = rotations[dir];
     }
 
-    addWindMill() {
+    positionValid(pos) {
-        if(this.mills >= 10) return;
+        for(let i = 0; i < this.wms.length; i++)
-
+            if(pos.clone().sub(this.wms[i].position).length() < 1)
-        this.mills++;
+                return false;
-        this.reset();
+        return true;
     }
 
-    removeWindMill() {
+    addWindMill() {
-        if(this.mills <= 1) return;
+        if(this.wms.length >= 10) return;
-
+
-        this.mills--;
+        for(let x = 0; x < 5; x++)
-        this.reset();
+            for(let y = 0; y < 10; y++) {
+                var pos = new THREE.Vector3(4.5 + Math.ceil(x / 2) * (x % 2 ? 1 : -1), 4.5 + Math.ceil(y / 2) * (y % 2 ? 1 : -1), 0);
+                if(this.positionValid(pos)) {
+                    var wm = new WindMill();
+                    wm.position.set(pos.x, pos.y, 0);
+                    wm.rotation.z = this.targetRotation;
+                    scene.add(wm);
+                    this.wms.push(wm);
+                    return;
+                }
+            }
     }
 
-    reset() {
+    removeWindMill() {
-        for(var i = 0; i < this.wms.length; i++)
+        if(this.wms.length <= 1) return;
-            scene.remove(this.wms[i]);
-
-        this.wms = [];
-        this.rotation = this.targetRotation;
 
-        this.init_windmills();
+        if(this.wms[this.wms.length - 1] == this.wm) this.wm = null;
+        scene.remove(this.wms.pop());
     }
 
     simulate() {
@@ -310,15 +313,15 @@ class WindSimulation {
 
         var results = document.getElementById("results")
         var innerHTML = '<h3>Resultados de la simulación</h3>' + (pasa ? 
-            '<p style="max-width: 16em">🥳🥳🥳 ¡Tu simulación <b>está bien</b>! ¿Probaste otros vientos? Si sí agregá más aerogeneradores.</p>' :
+            '<p style="max-width: 16em">' + PARTY + PARTY + PARTY + ' ¡Tu simulación <b>está bien</b> con este viento! Clickeá "¡validar!" para evaluar en los demás.</p>' :
-            '<p style="max-width: 16em">⚠️⚠️⚠️ ¡Tu simulación <b>no</b> funciona! Probá otras configuraciones.</p>') + '<table>';
+            '<p style="max-width: 16em">' + EXCLAMATION + EXCLAMATION + EXCLAMATION + ' ¡Tu simulación <b>no</b> funciona! Probá otras configuraciones.</p>') + '<table>';
 
         for(let i = 0; i < pot.length; i++) {
             var perc = Math.round(pot[i] / 14.95 * 100);
-            innerHTML += '<tr><td><b>Nº' + (i + 1) + ':</b></td><td>' + Math.round(pot[i] * 100) / 100 + ' GWh</td><td>' + this.divPercentBar(perc, 50) + ' ' + perc + '% ' + (perc < 50 ? '⚠️' : '')  + '</td></tr>'
+            innerHTML += '<tr><td><b>Nº' + (i + 1) + ':</b></td><td>' + Math.round(pot[i] * 100) / 100 + ' GWh</td><td>' + this.divPercentBar(perc, 50) + ' ' + perc + '% ' + (perc < 50 ? EXCLAMATION : '')  + '</td></tr>'
         }
         var perc = Math.round(sum / 14.95 / pot.length * 100);
-        innerHTML += '<tr class="last"><td>TOTAL:</td><td>' + Math.round(sum * 100) / 100 + ' GWh</td><td>' + this.divPercentBar(perc, 80) + ' ' + perc + '% ' + (perc < 80 ? '⚠️' : '') + '</td></tr></table>';
+        innerHTML += '<tr class="last"><td>TOTAL:</td><td>' + Math.round(sum * 100) / 100 + ' GWh</td><td>' + this.divPercentBar(perc, 80) + ' ' + perc + '% ' + (perc < 80 ? EXCLAMATION : '') + '</td></tr></table>';
 
         results.innerHTML = innerHTML;
         results.style.display = "block";
@@ -395,16 +398,6 @@ window.light = light;
 //scene.add( helper);
 //window.helper = helper;
 
-
-
-
-
-window.windmill = WindMill;
-
-
-
-
-
 window.ws = ws;
 window.screen = screen;
 window.scene = scene;

style.css

@@ -36,7 +36,7 @@ h3, h4 {
     z-index: 1000;
     max-width: 70vw;
     max-height: 70vh;
-    overflow-x: hidden;
+    overflow-x: auto;
     overflow-y: auto;
     width: auto;
     border: solid #fff .5vh;