From 44934f8c95e24d25094e5c2baf160c483f78686d Mon Sep 17 00:00:00 2001 From: Soumyadev Saha Date: Mon, 6 Nov 2023 10:59:16 +0530 Subject: [PATCH 1/3] modified the readme and instruction box's texts --- README.md | 2 ++ assets/main.html | 15 ++++++++++++--- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index b6aa323..171a4ab 100644 --- a/README.md +++ b/README.md @@ -40,10 +40,12 @@

Introduction📌

A well-designed interesting game made using HTML, CSS, and JS where you can play with your favorite edible and click on it to get the highest score. + - There are five categories - Fruits, Vegetables, Sweets, Snacks, and Bakery Products. Click on your favorite edible to start the game. - You can choose how much time you want to spend on one edible. - Timer, Score and Lives ❤️ count are shown on the screen. - Clicking on one edible will increase your score by 1. +- Clicking on a rotten 🤢 edible will decrease the score by 1. - Clicking on a bomb 💣 will decrease your lives count by 1. - When the time is over or all of your `3` lives are exhausted, it's game over, and the final score will be shown. - All the scores are stored until you remain on the game i.e, before you refresh/reload/close the page. diff --git a/assets/main.html b/assets/main.html index 6278bad..48ec894 100644 --- a/assets/main.html +++ b/assets/main.html @@ -57,7 +57,10 @@

Play with your Favourite Edible🎮

Your job is to click on the edibles before the timer runs out. For every correct click, you'll score a juicy point!
  • - But be aware of the bombs 💣, you have 3 lives ❤️❤️❤️. Click on a bomb 💣, and you lose a life ❤️. + But sure to pick your edible wisely, as some are rotten 🤢 and clicking on them shall cost you your delicious points. +
    • +
  • + Also be aware of the bombs 💣, you have 3 lives ❤️❤️❤️. Click on a bomb 💣, and you lose a life ❤️.
  • Keep your eyes peeled and your fingers nimble because once the clock strikes zero or all the lives ❤️ are lost, the game is over and the edibles will dance away. @@ -105,7 +108,10 @@

    Play with your Favourite Edible🎮

    Your job is to click on the edibles before the timer runs out. For every correct click, you'll score a juicy point!
  • - But be aware of the bombs 💣, you have 3 lives ❤️❤️❤️. Click on a bomb 💣, and you lose a life ❤️. + But sure to pick your edible wisely, as some are rotten 🤢 and clicking on them shall cost you your delicious points. +
    • +
  • + Also be aware of the bombs 💣, you have 3 lives ❤️❤️❤️. Click on a bomb 💣, and you lose a life ❤️.
  • Keep your eyes peeled and your fingers nimble because once the clock strikes zero or all lives ❤️ are lost, the game is over and the edibles will dance away. @@ -431,7 +437,10 @@

    Score: 0

    Your job is to click on the edibles before the timer runs out. For every correct click, you'll score a juicy point!
  • - But be aware of the bombs 💣, you have 3 lives ❤️❤️❤️. Click on a bomb 💣, and you lose a life ❤️. + But sure to pick your edible wisely, as some are rotten 🤢 and clicking on them shall cost you your delicious points. +
    • +
  • + Also be aware of the bombs 💣, you have 3 lives ❤️❤️❤️. Click on a bomb 💣, and you lose a life ❤️.
  • Keep your eyes peeled and your fingers nimble because once the clock strikes zero or all the lives ❤️ are lost, the game is over and the edibles will dance away. From c937722ea429651e7c6caf842a2fd13a2f540c71 Mon Sep 17 00:00:00 2001 From: Soumyadev Saha Date: Mon, 6 Nov 2023 11:27:45 +0530 Subject: [PATCH 2/3] updated the instruction box and the rotten edibles screen shots in readme --- README.md | 5 ++++- assets/main.js | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 171a4ab..ac8c907 100644 --- a/README.md +++ b/README.md @@ -77,7 +77,7 @@ A well-designed interesting game made using HTML, CSS, and JS where you can play ![image](https://user-images.githubusercontent.com/73993775/225777171-2bbafadb-1c23-4487-b0ef-68c56cbffd74.png)

    Instructions Box :-

    -![image](https://github-production-user-asset-6210df.s3.amazonaws.com/86418216/278870509-69f50a95-251d-45f0-b869-f4dc3b321aa2.png)

    +![image](https://github-production-user-asset-6210df.s3.amazonaws.com/86418216/280607465-4e8b1e05-874b-4e67-b1ee-dc9ceca10407.png)

    Selection of Edible Page :-

    ![image](https://user-images.githubusercontent.com/73993775/225777515-6147b79e-656e-4572-9639-b6928a176a0f.png) @@ -92,6 +92,9 @@ A well-designed interesting game made using HTML, CSS, and JS where you can play

    Dark Mode :-

    ![image](https://github-production-user-asset-6210df.s3.amazonaws.com/86418216/278806339-7734cd96-fa95-461a-a8c4-e71449b96ae4.png)

    +

    Rotten Edibles :-

    + +![image](https://github-production-user-asset-6210df.s3.amazonaws.com/86418216/280606512-2f16895f-5896-4ca7-99a6-740f77fbbd31.png)

    Play/Pause/Restart Box :-

    ![image](https://github-production-user-asset-6210df.s3.amazonaws.com/86418216/278806349-666c2212-b220-43ca-b346-56a3f822cf6e.png)

    diff --git a/assets/main.js b/assets/main.js index e4f71ab..e700f6a 100644 --- a/assets/main.js +++ b/assets/main.js @@ -297,7 +297,7 @@ function createRottenEdible() { edible.style.top = `${y}px`; edible.style.left = `${x}px`; edible.innerHTML = `${selected_edible.alt}`; - edible.innerHTML += `

    ${1 + (Math.random() * 5)}

    `; + edible.innerHTML += `

    ${10 + (Math.random() * 5)}

    `; edible.addEventListener("click", catchRottenEdible); game_container.appendChild(edible); } From 583e42a7fe59a6ba62482c968c7ddbe007efe5fb Mon Sep 17 00:00:00 2001 From: Soumyadev Saha Date: Mon, 6 Nov 2023 11:33:26 +0530 Subject: [PATCH 3/3] fixed main.js --- assets/main.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/main.js b/assets/main.js index e700f6a..e4f71ab 100644 --- a/assets/main.js +++ b/assets/main.js @@ -297,7 +297,7 @@ function createRottenEdible() { edible.style.top = `${y}px`; edible.style.left = `${x}px`; edible.innerHTML = `${selected_edible.alt}`; - edible.innerHTML += `

    ${10 + (Math.random() * 5)}

    `; + edible.innerHTML += `

    ${1 + (Math.random() * 5)}

    `; edible.addEventListener("click", catchRottenEdible); game_container.appendChild(edible); }