Les tubes de couleurs commencent dorénavant tous avec un espace vide, les parties deviennent finissables

On peut dorénavant paramétrer autant de tubes que possible, certaines couleurs sont distribuées dans plusieurs tubes si besoin.

Changement des valeurs par défaut des paramètres de partie

index.html

@@ -21,15 +21,15 @@
 		</menuitem>
 		<menuitem>
 			<label>Tubes Levels</label>
-			<input type="number" size="5" id="tbLevel" value="5">
+			<input type="number" size="5" id="tbLevel" value="6">
 		</menuitem>
 		<menuitem>
 			<label>Padding</label>
-			<input type="number" size="5" id="padding" value="5">
+			<input type="number" size="5" id="padding" value="10">
 		</menuitem>
 		<menuitem>
 			<label>Tube Size</label>
-			<input type="number" size="5" id="tbSize" value="5">
+			<input type="number" size="5" id="tbSize" value="50">
 		</menuitem>
 		<button type="button" onclick="newGame()">New game</button>
 	</menu>

js/game.js

@@ -21,12 +21,13 @@ class Game {
 	*/
 	initializeColorTubes(tubeLevel)
 	{
-		let nbColors = this.tubes.length - 1;
+		let nbTubes = this.tubes.length - 1;
 		let allColors = [];
 		
-		for (let coloridx = 0; coloridx < nbColors; coloridx++)
+		for (let i = 0; i < nbTubes; i++)
 		{
-			for (let times = 0; times < tubeLevel; times++)
+			let coloridx = i % this.#colorsBank.length;
+			for (let times = 0; times < tubeLevel-1; times++)
 			{
 				allColors.push(this.#colorsBank[coloridx]);
 			}
@@ -41,7 +42,8 @@ class Game {
 		
 		for (let index = 0; index < allColors.length; index++)
 		{
-			this.tubes[Math.floor(index/tubeLevel)].addColor(allColors[index]);
+			let tubeIndex = Math.floor(index/(tubeLevel-1));
+			this.tubes[tubeIndex].addColor(allColors[index]);
 		}
 	}