Do not remove completed tubes & show a message when game is won

js/controller.js

@@ -42,7 +42,7 @@ function gatherMenuValues()
 }
 function draw()
 {
-	if (!this.needUpdate) return;
+	if (!this.needUpdate && !game.isCompleted) return;
 	
 	this.drawer.draw(this.game);
 	

js/drawer.js

@@ -30,6 +30,9 @@ class Drawer
 		background('white');
 		
 		this.drawTubes(this.padding, this.padding+this.tubeSize, tubes, selectedTube);
+
+		if(game.isCompleted)
+			this.drawWinView();
 	}
 
 	drawTubes(x, y, tubes, selectedTube)
@@ -78,4 +81,17 @@ class Drawer
 			&& x < this.#canvasWidth - this.padding
 			&& y < this.#canvasHeight - this.padding;
 	}
+
+	drawWinView(){
+		fill('red');
+		textSize(50);
+		let textX = this.#canvasWidth / 2 - 175 + 10 * sin(frameCount/10);
+		let textY = this.#canvasHeight / 2 		+ 10 * cos(frameCount/10);
+		let message = "👑 You Win! 👑"  
+		text(message, textX, textY);
+		textX ++;
+		textY ++;
+		fill('yellow');
+		text(message, textX, textY);
+	}
 }

js/game.js

@@ -5,7 +5,8 @@ class Game {
 	{
 		this.tubes = [];
 		this.selectedTube = null;
-		
+		this.isCompleted = false;
+
 		for (let i = 0; i < nbTubes; i++)
 		{
 			this.tubes.push(new Tube(tubeLevel));
@@ -63,6 +64,7 @@ class Game {
 	{
 		return sourceTube != null && targetTube != null
 			&& sourceTube != targetTube
+			&& !targetTube.isComplete()
 			&& (targetTube.isEmpty() || sourceTube.peekTopColor() == targetTube.peekTopColor())
 			&& !targetTube.isFull();
 	}
@@ -74,29 +76,22 @@ class Game {
 			targetTube.addColorLayer(sourceTube.removeColorLayer());
 		}
 		
-		this.checkTubeCompletion(sourceTube);
 		this.checkTubeCompletion(targetTube);
 	}
 	
 	checkTubeCompletion(tube)
 	{
 		if (tube.isComplete()) 
-		{
-			let tubeIndex = this.tubes.indexOf(tube);
-			
-			this.tubes.splice(tubeIndex, 1);
-			
-			if (this.selectedTube == tube) this.selectedTube = null;
-			
+		{	
 			this.checkGameCompletion();
 		}
 	}
 	
 	checkGameCompletion()
 	{
-		if (this.tubes.length == 1 && this.tubes[0].isEmpty())
-		{
-			this.tubes = [];
-		}
+		// If all tubes are complete or empty, the game is complete
+		this.isCompleted = this.tubes.every(
+			tube => tube.isComplete() || tube.isEmpty()
+		);
 	}
 }