Click here for free DL of the app version that can save data.

No:36333

Machine a sour sur garfields
Developer User16789｜Date and time 24/1/17 12:06:55
Build time 16.568 sec｜Game capacity 3.165KB｜

Script

Jeu de la Souris sur Garfield

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>Jeu de la Souris sur Garfield</title>
</head>
<body>

<h1>Jeu de la Souris sur Garfield</h1>

// Variables du jeu
	var score = 0; // Score du joueur
	var timeLeft = 30; // Temps restant
	var mouseCaught = 0; // Souris attrapée

// Fonction appelée lors du clic sur Garfield
	function onClickGarfield() {
		// Augmente le score du joueur
		score++;

// Affiche le nouveau score
		document.getElementById("score").innerText = "Score: " + score;

// Génère une nouvelle position pour Garfield
		generatePosition();
	}

// Fonction appelée lors du clic sur la souris
	function onClickMouse() {
		// Incrémente le nombre de souris attrapées
		mouseCaught++;

// Affiche le message de victoire si toutes les souris sont attrapées
		if (mouseCaught === 10) {
			document.getElementById("message").innerText = "Félicitations! Vous avez attrapé toutes les souris!";
		}

// Génère une nouvelle position pour la souris
		generatePosition();
	}

// Fonction pour générer une position aléatoire pour Garfield et la souris
	function generatePosition() {
		// Détermine une position aléatoire en pixels
		var randomX = Math.floor(Math.random() * 400);
		var randomY = Math.floor(Math.random() * 400);

// Déplace Garfield
		document.getElementById("garfield").style.transform = "translate(" + randomX + "px, " + randomY + "px)";

// Déplace la souris
		document.getElementById("mouse").style.transform = "translate(" + randomX + "px, " + randomY + "px)";
	}

// Fonction de compte à rebours
	function countdown() {
		// Affiche le temps restant
		document.getElementById("timer").innerText = "Temps restant: " + timeLeft + " secondes";

// Diminue le temps restant
		timeLeft--;

// Vérifie si le temps est écoulé
		if (timeLeft < 0) {
			// Affiche le message de fin de jeu
			document.getElementById("message").innerText = "Temps écoulé! Votre score final est de " + score;

// Désactive les clics sur Garfield et la souris
			document.getElementById("garfield").removeEventListener("click", onClickGarfield);
			document.getElementById("mouse").removeEventListener("click", onClickMouse);

return; // Fin de la fonction countdown
		}

// Appelle la fonction countdown à nouveau après 1 seconde
		setTimeout(countdown, 1000);
	}

// Démarre le jeu
	function startGame() {
		// Affiche le score initial
		document.getElementById("score").innerText = "Score: " + score;

// Génère les positions initiales de Garfield et la souris
		generatePosition();

// Démarre le compte à rebours
		countdown();
	}

// Appelle la fonction startGame pour démarrer le jeu
	startGame();

</script>

<div style="width: 400px; height: 400px; background-color: #ccc; position: relative;">
		<img id="garfield" src="garfield.png" style="position: absolute; top: 0; left: 0; width: 100px; height: 100px;">
		<img id="mouse" src="mouse.png" style="position: absolute; top: 200px; left: 200px; width: 50px; height: 50px;">
	</div>

<p id="score"></p>
	<p id="timer"></p>
	<p id="message"></p>

</body>
</html>