diff --git a/Games/reaction_teaser/README.md b/Games/reaction_teaser/README.md new file mode 100644 index 0000000000..6460dd35f4 --- /dev/null +++ b/Games/reaction_teaser/README.md @@ -0,0 +1,23 @@ +# **REACTION TEASER + +## **How to play? 🕹ī¸** +Set up the game. +Prepare yourself. +Start the game. +Pay attention. +Check your reaction time every time. +Practice and improve your time. +Have fun!!!!!! + +# =========================BENIFITS/## **Description 📃** +=============== +HOW IT BENEFICAL TO YOU? +Help improve cognitive skills such as attention, focus, and concentration. +Regularly playing reaction tester games can enhance your reflexes. +This can help improve your coordination and motor skills. +It provides a temporary escape from everyday concerns and can help you relax while challenging your mind. +Repeat or try different games: Once you finish the game or reach your desired goal, you can replay it to beat your previous scores. + +## **Screenshots 📸** + +[image](../../assets/images/reactionteaser.jpg) diff --git a/Games/reaction_teaser/images/favicon.jpg b/Games/reaction_teaser/images/favicon.jpg new file mode 100644 index 0000000000..e16ceab5bb Binary files /dev/null and b/Games/reaction_teaser/images/favicon.jpg differ diff --git a/Games/reaction_teaser/images/reaction.jpg b/Games/reaction_teaser/images/reaction.jpg new file mode 100644 index 0000000000..edaa5bc895 Binary files /dev/null and b/Games/reaction_teaser/images/reaction.jpg differ diff --git a/Games/reaction_teaser/index.html b/Games/reaction_teaser/index.html new file mode 100644 index 0000000000..fb8c88ab48 --- /dev/null +++ b/Games/reaction_teaser/index.html @@ -0,0 +1,24 @@ + + + reaction teaser + + + + + + + + + + +

TEST YOUR REACTIONS!  A DEKSTOP GAME

+ + +

Click on the boxes and circles as quickly as you can!

+

Your Time :

+
+
+
+ + + \ No newline at end of file diff --git a/Games/reaction_teaser/script.js b/Games/reaction_teaser/script.js new file mode 100644 index 0000000000..96216b7a50 --- /dev/null +++ b/Games/reaction_teaser/script.js @@ -0,0 +1,37 @@ +var start= new Date().getTime(); + function makeshapeapper(){ + function getRandomColor() { + var letters = '0123456789ABCDEF'; + var color = '#'; + for (var i = 0; i < 6; i++) { + color += letters[Math.floor(Math.random() * 16)]; + } + return color; + } + var top=Math.random()*400; + var left=Math.random()*400; + var width=(Math.random()*200)+100; + if(Math.random()> 0.5){ + document.getElementById("shape").style.borderRadius="50%"; + }else{ + document.getElementById("shape").style.borderRadius="0px"; + } + document.getElementById("shape").style.backgroundColor=getRandomColor(); + document.getElementById("shape").style.top=top+"px"; + document.getElementById("shape").style.left=left+"px"; + document.getElementById("shape").style.width=width+"px"; + document.getElementById("shape").style.display ="block"; + start= new Date().getTime(); + } + function appererafterdealy(){ + setTimeout(makeshapeapper, Math.random()*2000); + } + appererafterdealy(); + var start= new Date().getTime(); + document.getElementById("shape").onclick =function(){ + document.getElementById("shape").style.display="none"; + var end= new Date().getTime(); + var timetaken = (end-start)/1000; + document.getElementById("Timetaken").innerHTML=timetaken +"s"; + appererafterdealy(); + } \ No newline at end of file diff --git a/Games/reaction_teaser/style.css b/Games/reaction_teaser/style.css new file mode 100644 index 0000000000..ee6b9fffec --- /dev/null +++ b/Games/reaction_teaser/style.css @@ -0,0 +1,42 @@ +/* *{ + padding: 0%; + margin: 0%; +} */ +#shape { + width:200px; + height: 200px; + background-color: rebeccapurple; + display: none; + position: relative; + + } + #bold{ + font-weight: bold; + animation: shakeX; + font-size: 30px; + } + body{ + background-image:url(./images/reaction.jpg) + + } + h1{ + text-align: center; + + + } + #p1{ + text-align: center; + font-style: italic; + } + #jumbotron { + background-color: #e74c3c; + animation: bg-color 10s infinite; + } + @keyframes bg-color { + 0% { background-color: #e74c3c; } + 20% { background-color: #f1c40f; } + 40% { background-color: #1abc9c; } + 60% { background-color: #3498db; } + 80% { background-color: #9b59b6; } + 100% { background-color: #e74c3c; } + } \ No newline at end of file diff --git a/README.md b/README.md index bd0c9c946a..dfc041c53c 100644 --- a/README.md +++ b/README.md @@ -414,10 +414,7 @@ Also join the discord server for GameZone and start collaborating with others | 297 | [Ball_and_glass](https://github.com/kunjgit/GameZone/tree/main/Games/Ball_and_glass)| | 298 | [Target_Torrent](https://github.com/kunjgit/GameZone/tree/main/Games/Target_Torrent)| | 299 | [Reversi](https://github.com/kunjgit/GameZone/tree/main/Games/Reversi)| - - - - +| 300 | [reaction_teaser](https://github.com/kunjgit/GameZone/pull/2134/files)| diff --git a/assets/images/reactionteaser.jpg b/assets/images/reactionteaser.jpg new file mode 100644 index 0000000000..0a4cd29a57 Binary files /dev/null and b/assets/images/reactionteaser.jpg differ