Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Difficulty Level Options Added #252

Merged
merged 4 commits into from
Feb 6, 2024
Merged

Difficulty Level Options Added #252

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
799826a
Difficulty Options ADDED
Surajit0573 Feb 3, 2024
0d887b5
easy by default
Surajit0573 Feb 4, 2024
a6f437d
Fixed selection problem
Surajit0573 Feb 6, 2024
2072b78
Update main.html
Surajit0573 Feb 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions assets/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1329,7 +1329,7 @@ h1 {
}

#gameplayTime {
height: 54vh;
height: 80vh;
}

#gameplayTime div button {
Expand Down Expand Up @@ -1654,7 +1654,7 @@ h1 {
}

#gameplayTime {
background: rgb(249, 249, 202);
background: rgb(249,249,202);
background: radial-gradient(circle, rgb(230, 252, 255) 26%, rgb(112, 245, 240) 100%);
border-width: 10px;
border-style: solid;
Expand All @@ -1670,12 +1670,12 @@ h1 {
justify-content: center;
width: 50vw;
margin-bottom: 10rem;
height: 40vh;
margin-top: 15vh;
flex-direction: column;
justify-content: space-evenly;
transition: all 0.5s ease-in-out;
/* animation-name: scaleMenu;*/
transform: scale(1);
transform: scale(1);
border-radius: 20px;
}

Expand Down
14 changes: 12 additions & 2 deletions assets/main.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -511,9 +511,19 @@ <h3 id="score" class="score">Score: 0</h3>
<div id="gameplayTime" class="pqr">
<b>Howdy, partner! How many hours of rootin' tootin' gameplay have you clocked up on this game?</b>
<div id="time-range-val" class="changable-text">2 mins 45 sec</div>
<br>
<input type="range" max="300" min="30" id="time-range" style="width: 30vw;" onchange="set_time_range_val()"
onmousemove="set_time_range_val()" ontouchmove="set_time_range_val()">
<div style="position: relative;">

<br><br>
<!--Difficulty mode options added -->
<h2>Select Your Preferred Difficulty</h2>
<div style="display: flex; margin-bottom: 10px;"><input type="radio" name="mode" id="easy" value="1" checked><label for="easy"> Easy</label></div>
<div style="display: flex; margin-bottom: 10px;"><input type="radio" name="mode" id="medium" value="2"><label for="medium"> Medium</label></div>
<div style="display: flex; margin-bottom: 10px;"><input type="radio" name="mode" id="hard" value="3"><label for="hard"> Hard</label></div>
<br><br>

<div style="position: relative;">
<button id="start-btn-time" class="btn2" onclick="closeGameplayDialog()">Start 🎮</button>
</div>
</div>
Expand Down Expand Up @@ -551,4 +561,4 @@ <h3 id="score" class="score">Score: 0</h3>

</body>

</html>
</html>
42 changes: 33 additions & 9 deletions assets/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,10 +128,14 @@ setInterval(() => {

// -------------- bomb management section ----------------
var totalBombs = 0; // total number of bombs on screen at a time
var MAX_BOMBS = 7; // maximum number of bombs that can be on screen
var MAX_BOMB_LIFE = 5; // maximum life of a bomb
var MAX_LIVES = 3; // maximum number of lives
var lives = MAX_LIVES; // current number of lives
var MAX_BOMBS; // maximum number of bombs that can be on screen
var MAX_BOMB_LIFE; // maximum life of a bomb
var MAX_LIVES; // maximum number of lives
var lives; // current number of lives
var prob; //probublity of creating a bomb
var timegap_edible;
var timegap_rotten;
var prob_rotten;

// create a new bomb
function createBomb() {
Expand Down Expand Up @@ -370,6 +374,26 @@ function chooseGameplayTime() {
}

function closeGameplayDialog() {

//Taking the value from difficulity options
var ele = document.getElementsByName('mode');
var val;
for (i = 0; i < ele.length; i++) {
if (ele[i].checked)
val = ele[i].value;
}

//changed the values accordingly
MAX_BOMBS = 7 * val; // maximum number of bombs that can be on screen
MAX_BOMB_LIFE = 5 * val; // maximum life of a bomb
MAX_LIVES = (3 - val) + 1; // maximum number of lives
prob = 0.3 * val; //probublity of creating a bomb
lives = MAX_LIVES; //max number of lives
timegap_edible = (1000 / val); //time between two edible
timegap_rotten = (1500 / val); //time gap betwen two rotten
prob_rotten = 0.3 * val; //probablity of rotten creating


isRunning = 1;
seconds = parseInt(document.getElementById("time-range").value) - 1;
setTimeout(createEdible, 1000);
Expand Down Expand Up @@ -485,7 +509,7 @@ function decreaseTime() {

// -------------- bomb management section ----------------
if (totalBombs < MAX_BOMBS) { // check if there are already more than enough bombs present on screen
if (Math.random() < 0.5) { // randomly decide whether to create a bomb or not
if (Math.random() < prob) { // randomly decide whether to create a bomb or not
createBomb();
totalBombs++;
}
Expand Down Expand Up @@ -590,12 +614,12 @@ function catchEdible() {
}

function addEdibles() {
setTimeout(createEdible, 1000);
setTimeout(createEdible, timegap_edible);
// add rotten edibles also
if (Math.random() < 0.3)
setTimeout(createRottenEdible, 1500);
if (Math.random() < prob_rotten)
setTimeout(createRottenEdible, timegap_rotten);
else
setTimeout(createEdible, 1500);
setTimeout(createEdible, timegap_rotten);
}

// -------------- edible management section ----------------
Expand Down