Skip to content

Commit

Permalink
Merge pull request #4810 from manasdeshpande/idle-miner
Browse files Browse the repository at this point in the history 
feat:Adding a new game Idle_miner
  • Loading branch information
@kunjgit
kunjgit authored Jul 16, 2024
2 parents 4ed3b7c + 3b0d3d9 commit 0c3fd4f
Show file tree
Hide file tree
Showing 14 changed files with 470 additions and 0 deletions.
59 changes: 59 additions & 0 deletions Games/Idle_miner/README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
# Idle Miner

---

## **Description 📃**

- Gather resources and upgrade your production by clicking on different items.
- Automate your resource gathering and expand your mining empire.

<br>

## **functionalities 🎮**

- Clicking to gather resources.
- Upgrading items to increase resources per click.
- Automating resource gathering for passive income.
- Managing and optimizing resource production to grow your mining business.

<br>

## **How to play? 🕹️**

Gather Resources:

- Click on items such as Vadapav, Kulfi, Shawarma, Fish, and Biryani to gather resources.

Upgrade Items:

- Spend resources to upgrade your items, increasing the resources gathered per click.

Automate Gathering:

- Purchase automation upgrades to gather resources passively without clicking.

Optimize and Expand:

- Manage your resources efficiently to maximize production and expand your mining empire.

<br>

## **Screenshots 📸**

![image](./images/game.png)

<br>

## **Working video 📹**
![image](./images/2024-07-10%2017-14-05.mp4)

<br>

## **Project Done By 👦**

[Manas Deshpande](https://github.com/manasdeshpande)

<br>

### Happy Coding!

73 changes: 73 additions & 0 deletions Games/Idle_miner/idle miner.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin:0px;
}
.hello{
margin-top: 150px;
}
#game {
display: flex;
flex-direction: column;
gap: 10px;
}

.center {
display: flex;
align-items: center;
background-color: #e0e0e0;
padding: 10px;
width:300px;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.icon {
font-size: 40px;
margin-right: 10px;
}

.info {
display: flex;
flex-direction: column;
gap: 5px;
}

.production-rate {
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: bold;
}

.buy-info {
display: flex;
align-items: center;
margin-top: 5px;
}

.buy-btn {
background-color: #ffcc00;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 5px;
margin-right: 10px;
}

.buy-btn:hover {
background-color: #ffbb00;
}

.cost {
font-size: 14px;
}

.timer {
font-size: 14px;
margin-top: 5px;
}
93 changes: 93 additions & 0 deletions Games/Idle_miner/idle miner.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Idle Miner Clicker Game</title>
<link rel="stylesheet" href="idle miner.css">
</head>
<body>
<div id="game">
<div class="hello">RS:<span id="resource">0</span><span id="automation-">0</span>/sec</div>
<div class="center">
<div class="icon"><img src="./images/vadapav.png" height="100px"></div>
<div class="info">
<div class="production-rate "><span id="vadapav-click">1</span> /click <span id="vadapav-autom">0</span>/sec</div>
<div class="buy-info">
<button id="buy-vadapav" class="buy-btn">Buy 1 cost</button>
<div id="vadapav-cost">10</div>
</div>
<div class="buy-info">
<button id="auto-vadapav" class="buy-btn">Buy 1 automation</button>
<div id="vadapav-auto">100</div>
</div>
<button id="vadapav" class="buy-btn">click</button>
</div>
</div>
<div class="center">
<div class="icon"><img src="./images/kulfi.png" height="100px"></div>
<div class="info">
<div class="production-rate "><span id="kulfi-click">1</span> /click <span id="kulfi-autom">0</span>/sec</div>
<div class="buy-info">
<button id="buy-kulfi" class="buy-btn">Buy 1 cost</button>
<div id="kulfi-cost">10</div>
</div>
<div class="buy-info">
<button id="auto-kulfi" class="buy-btn">Buy 1 automation</button>
<div id="kulfi-auto">100</div>
</div>
<button id="kulfi" class="buy-btn">click</button>
</div>
</div>
<div class="center">
<div class="icon"><img src="./images/shawrma.png" height="100px"></div>
<div class="info">
<div class="production-rate "><span id="shawrma-click">1</span> /click <span id="shawrma-autom">0</span>/sec</div>
<div class="buy-info">
<button id="buy-shawrma" class="buy-btn">Buy 1 cost</button>
<div id="shawrma-cost">10</div>
</div>
<div class="buy-info">
<button id="auto-shawrma" class="buy-btn">Buy 1 automation</button>
<div id="shawrma-auto">100</div>
</div>
<button id="shawrma" class="buy-btn">click</button>
</div>
</div>
<div class="center">
<div class="icon"><img src="./images/fish.png" height="100px"></div>
<div class="info">
<div class="production-rate "><span id="fish-click">1</span> /click <span id="fish-autom">0</span>/sec</div>
<div class="buy-info">
<button id="buy-fish" class="buy-btn">Buy 1 cost</button>
<div id="fish-cost">10</div>
</div>
<div class="buy-info">
<button id="auto-fish" class="buy-btn">Buy 1 automation</button>
<div id="fish-auto">100</div>
</div>
<button id="fish" class="buy-btn">click</button>
</div>
</div>
<div class="center">
<div class="icon"><img src="./images/biryani.png" height="100px"></div>
<div class="info">
<div class="production-rate "><span id="biryani-click">1</span> /click <span id="biryani-autom">0</span>/sec</div>
<div class="buy-info">
<button id="buy-biryani" class="buy-btn">Buy 1 cost</button>
<div id="biryani-cost">10</div>
</div>
<div class="buy-info">
<button id="auto-biryani" class="buy-btn">Buy 1 automation</button>
<div id="biryani-auto">100</div>
</div>
<button id="biryani" class="buy-btn">click</button>
</div>
</div>
<div></div>

</div>

<script src="idle miner.js"></script>
</body>
</html>
Loading

0 comments on commit 0c3fd4f

Please sign in to comment.