Merge branch 'main' into main

kunjgit · Jun 19, 2023 · b02d2c6 · b02d2c6
2 parents 35cf33c + 1930022
commit b02d2c6
Show file tree

Hide file tree

Showing 73 changed files with 2,385 additions and 22 deletions.
diff --git a/Games/Bird_game/index.css b/Games/Bird_game/index.css
@@ -236,4 +236,9 @@ body{
     80%{
       transform:rotateZ(-2deg) translateX(5px) translateY(8px) translateZ(0);
     }
-  }
+  }
+
+
+
+
+
diff --git a/Games/Bird_game/index.html b/Games/Bird_game/index.html
@@ -2,6 +2,8 @@
     <div class="timer">
          <span></span>    
     </div>
+      <!-- New bullet element -->
+  <div class="bullet"></div>
     <div class="gameover">OOPSIE! GAME OVER </div>
     <h1> AIM and SHOOT!</h1>
     <head>
@@ -22,6 +24,7 @@ <h1> AIM and SHOOT!</h1>
     <label for="circle6" class="pajaro pajaro6"><span></span></label>
     <div class="sum">SCORE:</div>
   </div>
+
 
 
 
diff --git a/Games/Carnival_game/Carnival_game.png b/Games/Carnival_game/Carnival_game.png
diff --git a/Games/Carnival_game/README.md b/Games/Carnival_game/README.md
@@ -0,0 +1,32 @@
+# **Carnival Target Practice** 
+
+---
+
+<br>
+
+## **Description 📃**
+Shhow off your Reflexes with this exhilarating game that consists of multiple Bulls Eye target like the classic fair game.
+- 
+
+## **functionalities 🎮**
+The player ha to hit as many targets as possible within 8 seconds after which the game gets over and the user is shown the score.
+- 
+<br>
+
+## **How to play? 🕹️**
+Press the Play button and use your mouse to hit as many targets as you can before 8 seconds are over.
+- 
+
+<br>
+
+## **Screenshots 📸**
+
+<br>
+[gameover](Games\Carnival_game\game_over.png)
+[Carnival Game](assets\images\Carnival_game.png)
+
+<br>
+
+## **Working video 📹**
+
+
diff --git a/Games/Carnival_game/bkg.jpg b/Games/Carnival_game/bkg.jpg
diff --git a/Games/Carnival_game/carnival.html b/Games/Carnival_game/carnival.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>Carnival Game</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
+<link rel="stylesheet" href="./style.css">
+
+</head>
+<body>
+<!-- partial:index.partial.html -->
+<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
+
+<h1>Carnival: Target Practice</h1>
+<h2>You have 8 seconds to hit as many targets as you can!</h2>
+
+<div class="game-over">
+  <h1>Game Over!</h1>
+  <a class="play-again" href="carnival.html">Play Again</a>
+</div>
+
+<ul class="game-area">
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+  <li><input type="checkbox"><div class="shield"></div></li>
+</ul>
+
+<h3 class="total-count">Targets Hit: &nbsp;</h3>
+
+</body>
+</html>
diff --git a/Games/Carnival_game/game_over.png b/Games/Carnival_game/game_over.png
diff --git a/Games/Carnival_game/style.css b/Games/Carnival_game/style.css
@@ -0,0 +1,251 @@
+* {
+  box-sizing: border-box;
+}
+
+h1 {
+  font-size: 1.4em;
+  font-family: 'Lobster Two', cursive;
+}
+
+body {
+  counter-reset: game;
+  text-align: center;
+  background: linear-gradient(to top, #66ffff 0%, #ff66cc 100%);
+  font-family:"Lobster Two", "Open Sans", "Helvetica", "Arial", sans-serif;
+  color: #333;
+}
+
+input:checked {
+  counter-increment: game;
+}
+
+.total-count::after {
+  content: counter(game);
+}
+
+h2 {
+  font-size: 1em;
+  margin: -0.5em auto 3em;
+  font-weight: 400;
+}
+
+.total-count {
+  font-size: 1.75em;
+  position: absolute;
+  top: 1.75em;
+  width: 100%;
+  left: 0;
+  text-align: center;
+  z-index: 300;
+}
+
+.game-area {
+  display: flex;
+  flex-flow: wrap;
+  align-items: center;
+  justify-content: space-between;
+  max-width: 600px;
+  min-height: 550px;
+  max-height: 700px;
+  margin: 0 auto;
+  padding-left: 0;
+}
+
+li {
+  width: calc(33% - .5em);
+  margin-bottom: 1em;
+  height: 10em;
+  list-style: none;
+  position: relative;
+  outline: 4px solid white;
+  background: #64ddf3;
+}
+li:nth-child(1) input {
+  filter: hue-rotate(182.3269839352deg) brightness(1.8431846449);
+  -webkit-animation-duration: 0.6893726467s;
+          animation-duration: 0.6893726467s;
+}
+li:nth-child(2) input {
+  filter: hue-rotate(304.907222228deg) brightness(1.7994795391);
+  -webkit-animation-duration: 1.9020913746s;
+          animation-duration: 1.9020913746s;
+}
+li:nth-child(3) input {
+  filter: hue-rotate(350.9431341483deg) brightness(1.0147638206);
+  -webkit-animation-duration: 0.5695705136s;
+          animation-duration: 0.5695705136s;
+}
+li:nth-child(4) input {
+  filter: hue-rotate(203.4964377809deg) brightness(1.5026314054);
+  -webkit-animation-duration: 3.8304950289s;
+          animation-duration: 3.8304950289s;
+}
+li:nth-child(5) input {
+  filter: hue-rotate(161.1197599659deg) brightness(1.4351569954);
+  -webkit-animation-duration: 2.1501919749s;
+          animation-duration: 2.1501919749s;
+}
+li:nth-child(6) input {
+  filter: hue-rotate(12.4924004559deg) brightness(1.7511445476);
+  -webkit-animation-duration: 4.4065151799s;
+          animation-duration: 4.4065151799s;
+}
+li:nth-child(7) input {
+  filter: hue-rotate(55.3324329468deg) brightness(1.9880279668);
+  -webkit-animation-duration: 2.9131573864s;
+          animation-duration: 2.9131573864s;
+}
+li:nth-child(8) input {
+  filter: hue-rotate(91.013926594deg) brightness(1.2861136995);
+  -webkit-animation-duration: 3.1745270376s;
+          animation-duration: 3.1745270376s;
+}
+li:nth-child(9) input {
+  filter: hue-rotate(215.5700445639deg) brightness(1.915361505);
+  -webkit-animation-duration: 3.2222974684s;
+          animation-duration: 3.2222974684s;
+}
+
+input[type=checkbox] {
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  cursor: crosshair;
+  background: radial-gradient(red 10%, white 10%, white 30%, red 30%, red 50%, white 50%, white 80%, red 80%, red 100%);
+  border-radius: 50%;
+  display: block;
+  left: 0;
+  right: 0;
+  text-align: center;
+  margin: 0 auto;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 6px solid red;
+  -webkit-animation: hide-target infinite alternate ease-in-out;
+          animation: hide-target infinite alternate ease-in-out;
+  z-index: 1;
+}
+input[type=checkbox]:before {
+  content: "";
+  display: block;
+  background-color: black;
+  height: 50%;
+  width: 6px;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: calc(100% + 6px);
+  margin: 0 auto;
+  z-index: -1;
+}
+input[type=checkbox]:focus {
+  outline: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+input[type=checkbox]:checked {
+  pointer-events: none;
+  filter: grayscale(1) opacity(0.75);
+  -webkit-animation: none;
+          animation: none;
+}
+input[type=checkbox]:checked:after {
+  content: "+1!";
+  padding: 0.5em;
+  margin: 1em 0 0 1.5em;
+  font-size: 2.5em;
+  font-weight: 600;
+}
+
+.shield {
+  background: #724c20;
+  width: 100%;
+  height: 60%;
+  margin: 0 auto;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  position: absolute;
+  pointer-events: all;
+  z-index: 100;
+}
+
+@-webkit-keyframes hide-target {
+  0% {
+    top: 0;
+  }
+  25% {
+    top: 50%;
+  }
+  100% {
+    top: 0;
+  }
+}
+
+@keyframes hide-target {
+  0% {
+    top: 0;
+  }
+  25% {
+    top: 50%;
+  }
+  100% {
+    top: 0;
+  }
+}
+.game-over {
+  height: 100%;
+  width: 100%;
+  display: block;
+
+  pointer-events: all;
+  position: absolute;
+  top: -100%;
+  left: 0;
+  z-index: 200;
+  -webkit-animation: appear 0.25s forwards;
+          animation: appear 0.25s forwards;
+  -webkit-animation-delay: 8s;
+          animation-delay: 8s;
+  background-image: url("bkg.jpg");
+}
+.game-over h1 {
+  padding: 1em 0 3.5em;
+
+}
+
+@-webkit-keyframes appear {
+  from {
+    top: -100vh;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes appear {
+  from {
+    top: -100vh;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}
+.play-again {
+  color: #2032ff;
+  padding: 0.5em 1em;
+  font-size: 2.5em;
+  font-weight: 700;
+}
+
+small a {
+  margin-bottom: 2em;
+  display: block;
+  color: #222;
+}
diff --git a/Games/Insect_Catch_Game/README.md b/Games/Insect_Catch_Game/README.md
@@ -0,0 +1,31 @@
+### 🎮 Game Request
+
+<h2>Game logic and basic description:</h2>
+
+<li>This game is created with the help of html, css and javascript.</li>
+<li>In this game first you can choose your favorite insect.The objective of the game is to catch as many insects as possible within a given time limit.</li>
+<li>The insects come in various shapesand they move quickly and unpredictably across the screen.</li>
+<li>The catchers must be quick and agile to track the insects' movements and snatch them out of the air.</li>
+
+
+### Point down the features
+
+<h2>Game points</h2>
+
+<ol>
+<li>change the insect type</li>
+<li>show user points and time on screen</li>
+<li>sound feature</li>
+</ol>
+
+
+### Select The Game Type
+
+Single Player
+
+### Pictures
+![1st](https://github.com/GameSphere-MultiPlayer/GameSphere/assets/95160083/8b854179-a1bc-44bc-951d-2728594cb287)
+<br>
+![2nd](https://github.com/GameSphere-MultiPlayer/GameSphere/assets/95160083/0bbf1cff-1956-43ca-bac0-afc23daa77d8)
+<br>
+https://github.com/kunjgit/GameZone/assets/95160083/e2576130-b41b-469c-9f05-c1ca2abf9b35
diff --git a/Games/Insect_Catch_Game/hover-sound.mp3 b/Games/Insect_Catch_Game/hover-sound.mp3