Optimized for mobile

Author: chanrt

firefly_synchronization/Emit.js

@@ -7,20 +7,16 @@ class Emit {
     }
 
     update() {
-        if (!this.finished) {
-            this.r += emit_speed;
-            if (this.r > emit_limit) {
-                this.finished = true;
-            }
+        this.r += emit_speed;
+        if (this.r > emit_limit) {
+            this.finished = true;
         }
     }
 
     render() {
-        if (!this.finished) {
-            context.strokeStyle = "#ffffff";
-            context.beginPath();
-            context.arc(this.firefly.position.x, this.firefly.position.y, this.r, 0, 2 * Math.PI);
-            context.stroke();
-        }
+        context.strokeStyle = "#ffffff";
+        context.beginPath();
+        context.arc(this.firefly.position.x, this.firefly.position.y, this.r, 0, 2 * Math.PI);
+        context.stroke();
     }
 }

firefly_synchronization/basic.js

@@ -65,13 +65,16 @@ function defaultParams() {
 
     if (mobile) {
         radius_input.value = 40;
+        phase_toggle.checked = false;
     }
     else {
         radius_input.value = 70;
+        phase_toggle.checked = true;
     }
 
     noise_input.value = 1;
-    phase_toggle.checked = true;
+
+    
 }
 
 let click_x, click_y, pressed;

firefly_synchronization/simulation.js

@@ -4,7 +4,7 @@ let num_fireflies;
 
 // emit objects
 let emits = [];
-let emit_speed = 0.5, emit_limit = 30;
+let emit_speed, emit_limit;
 
 // synchronization
 let sync_strength, sync_radius;
@@ -98,7 +98,9 @@ function render() {
     context.fillRect(0, 0, canvas_width, canvas_height);
 
     for (let emit of emits) {
-        emit.render();
+        if (!emit.finished) {
+            emit.render();
+        }
     }
 
     if (phase_toggle.checked) {
@@ -154,18 +156,30 @@ function initParams() {
     if (mobile) {
         firefly_radius = 3;
         repulsion_radius = 9;
+
+        emit_speed = 0.75;
+        emit_limit = 15;
     }
     else {
         firefly_radius = 5;
         repulsion_radius = 15;
+
+        emit_speed = 0.5;
+        emit_limit = 30;
     }
 
     frame = 0;
     fireflies = [];
     emits = [];
 
     num_fireflies = 0;
-    addFireflies(100);
+
+    if (mobile) {
+        addFireflies(70);
+    }
+    else {
+        addFireflies(100);
+    }
 
     updateParams("num");
     updateParams("strength");

firefly_synchronization/utils.js

@@ -19,15 +19,15 @@ function removeFinishedEmits() {
 }
 
 function getFirefliesWithin(firefly, radius) {
-    let repelling_fireflies = [];
+    let fireflies_within = [];
     for (let other_firefly of fireflies) {
-        if (firefly !== other_firefly) {
+        if (firefly != other_firefly) {
             if (distanceBetween(firefly.position, other_firefly.position) < radius) {
-                repelling_fireflies.push(other_firefly);
+                fireflies_within.push(other_firefly);
             }
         }
     }
-    return repelling_fireflies;
+    return fireflies_within;
 }
 
 function addFireflies(number) {