changed messaging

This commit is contained in:
Demetri Pirpiris 2025-03-15 15:32:50 -06:00
parent a42f6a0fed
commit 0de20cdbc6
2 changed files with 18 additions and 7 deletions

View File

@ -24,18 +24,26 @@
<button id="helpClose" class="help-close">×</button> <button id="helpClose" class="help-close">×</button>
<h2>How This Simulation Works</h2> <h2>How This Simulation Works</h2>
<p> <p>
Welcome to the Neon Synthwave Snake Evolution Simulator! Your main goal is to help create Welcome to Gummy Arena Simulator! Your main goal is to help the snakes grow as long as possible.
(and sometimes directly control) the environment so the snakes can grow as long as possible.
</p> </p>
<p> <p>
Each snake tries to eat food (and occasionally each other) to gain points, grow in length, and Each snake has its own "brain" that decides whether it should move left, right, or use "boost" (move faster but grow smaller).
eventually become the biggest snake. Behind the scenes, genetic algorithms evolve the snakes </p>
<p>
The little white dots you see floating around the screen are "food". When a snake eats one, it grows a bit.
</p>
<p>
If the head of one snake collides with the body of another, it dies and drops a glowing pink trail of all the food it had gathered.
</p>
<p>
Behind the scenes, genetic algorithms evolve the snakes
“brains” to adapt their behavior over time. “brains” to adapt their behavior over time.
</p> </p>
<p> <p>
Theres also a hidden twist: the size of your browser window subtly influences the snakes These algorithms determine which brains to "breed" based on how you have setup the reward points
learning process. Try making the canvas larger or smaller to see how it affects the outcome! under the "Reward" tab in the controls. This can vastly change how the intelligence evolves and how quickly.
</p> </p>
<p style="font-weight: bold;"> <p style="font-weight: bold;">
Objective: Achieve the highest possible snake length! Objective: Achieve the highest possible snake length!
</p> </p>

View File

@ -692,6 +692,9 @@ function hideLoadingOverlay() {
document.getElementById('loadingOverlay').style.display = 'none'; document.getElementById('loadingOverlay').style.display = 'none';
} }
function getRenderScale(){
return (window.innerWidth < 1000) ? 0.85 : 1.0;
}
/* =========================== /* ===========================
CLASS DEFINITIONS CLASS DEFINITIONS
=========================== */ =========================== */