+ 
+ 
+ 
+ 
+ 
+
+
+
+ 
+ 
+ 
+ 
+
+
+ 
+ 
+ 
+ 
+
+
+
+
+
\ No newline at end of file
diff --git a/Games/Alien_Invasion/script.js b/Games/Alien_Invasion/script.js
new file mode 100644
index 0000000000..5e50da0a0c
--- /dev/null
+++ b/Games/Alien_Invasion/script.js
@@ -0,0 +1,543 @@
+window.addEventListener('load', function () {
+ //canvas setup
+ const canvas = document.getElementById('canvas1');
+ const ctx = canvas.getContext('2d');
+ canvas.width = 1000;
+ canvas.height = 500;
+
+ class InputHandler {
+ constructor(game) {
+ this.game = game;
+ window.addEventListener('keydown', e => {
+ if (((e.key === 'ArrowUp') ||
+ (e.key === 'ArrowDown')
+ ) && this.game.keys.indexOf(e.key) === - 1) {
+ this.game.keys.push(e.key);
+ } else if (e.key === ' ') {
+ this.game.player.shootTop();
+ } else if (e.key === 'd') {
+ this.game.debug = !this.game.debug;
+ }
+ });
+ window.addEventListener('keyup', e => {
+ if (this.game.keys.indexOf(e.key) > -1) {
+ this.game.keys.splice(this.game.keys.indexOf(e.key), 1);
+ }
+ });
+ }
+ }
+
+ class Projectile {
+ constructor(game, x, y) {
+ this.game = game;
+ this.x = x;
+ this.y = y;
+ this.width = 10;
+ this.height = 3;
+ this.speed = 3;
+ this.markedForDeletion = false;
+ this.image = document.getElementById('projectile');
+ }
+ update() {
+ this.x += this.speed;
+ if (this.x > this.game.width * 0.8) this.markedForDeletion = true;
+ }
+ draw(context) {
+ context.drawImage(this.image, this.x, this.y);
+ }
+ }
+
+ class Particle {
+ constructor(game, x, y) {
+ this.game = game;
+ this.x = x;
+ this.y = y;
+ this.image = document.getElementById('gears');
+ this.frameX = Math.floor(Math.random() * 3);
+ this.frameY = Math.floor(Math.random() * 3);
+ this.spriteSize = 50;
+ this.sizeModifier = (Math.random() * 0.5 + 0.5).toFixed(1);
+ this.size = this.spriteSize * this.sizeModifier;
+ this.speedX = Math.random() * 6 - 3;
+ this.speedY = Math.random() * -15;
+ this.gravity = 0.5;
+ this.markedForDeletion = false;
+ this.angle = 0;
+ this.va = Math.random() * 0.2 - 0.1;
+ this.bounced = 0;
+ this.bottomBounceBoundary = Math.random() * 80 + 60;
+ }
+ update() {
+ this.angle += this.va;
+ this.speedY += this.gravity;
+ this.x -= this.speedX - this.game.speed;
+ this.y += this.speedY;
+ if (this.y > this.game.height + this.size || this.x < 0 - this.size) this.markedForDeletion = true;
+ if (this.y > this.game.height - this.bottomBounceBoundary && this.bounced < 5) {
+ this.bounced++;
+ this.speedY *= -0.7;
+ }
+ }
+ draw(context) {
+ context.save();
+ context.translate(this.x, this.y);
+ context.rotate(this.angle);
+ context.drawImage(this.image, this.frameX * this.spriteSize,
+ this.frameY * this.spriteSize, this.spriteSize, this.spriteSize, this.size * -0.5,
+ this.size * -0.5, this.size, this.size);
+ context.restore();
+ }
+ }
+
+ class Player {
+ constructor(game) {
+ this.game = game;
+ this.width = 120;
+ this.height = 190;
+ this.x = 20;
+ this.y = 100;
+ this.frameX = 0;
+ this.frameY = 0;
+ this.maxFrame = 37;
+ this.speedY = 0;
+ this.maxSpeed = 3;
+ this.projectiles = [];
+ this.image = document.getElementById('player');
+ this.powerUp = false;
+ this.powerUpTimer = 0;
+ this.powerUpLimit = 10000;
+ }
+ update(deltaTime) {
+ if (this.game.keys.includes('ArrowUp')) this.speedY = -this.maxSpeed;
+ else if (this.game.keys.includes('ArrowDown')) this.speedY = this.maxSpeed;
+ else this.speedY = 0;
+ this.y += this.speedY;
+ // vertical boundaries
+ if (this.y > this.game.height - this.height * 0.5) this.y = this.game.height - this.height * 0.5;
+ else if (this.y < -this.height * 0.5) this.y - this.height * 0.5;
+ //handle projectiles
+ this.projectiles.forEach(projectile => {
+ projectile.update();
+ });
+ this.projectiles = this.projectiles.filter(projectile => !projectile.markedForDeletion);
+ //sprite animation
+ if (this.frameX < this.maxFrame) {
+ this.frameX++;
+ } else {
+ this.frameX = 0;
+ }
+ // power up
+ if (this.powerUp) {
+ if (this.powerUpTimer > this.powerUpLimit) {
+ this.powerUpTimer = 0;
+ this.powerUp = false;
+ this.frameY = 0;
+ } else {
+ this.powerUpTimer += deltaTime;
+ this.frameY = 1;
+ this.game.ammo += 0.1;
+ }
+ }
+ }
+ draw(context) {
+ if (this.game.debug) context.strokeRect(this.x, this.y, this.width, this.height);
+ this.projectiles.forEach(projectile => {
+ projectile.draw(context);
+ });
+ context.drawImage(this.image, this.frameX * this.width, this.frameY * this.height, this.width, this.height, this.x, this.y, this.width, this.height);
+
+ }
+ shootTop() {
+ if (this.game.ammo > 0) {
+ this.projectiles.push(new Projectile(this.game, this.x + 80, this.y + 30));
+ this.game.ammo--;
+ }
+ if (this.powerUp) this.shootBottom();
+ }
+ shootBottom() {
+ if (this.game.ammo > 0) {
+ this.projectiles.push(new Projectile(this.game, this.x + 80, this.y + 175));
+ }
+ }
+
+ enterPowerUp() {
+ this.powerUpTimer = 0;
+ this.powerUp = true;
+ if (this.game.ammo < this.game.maxAmmo) this.game.ammo = this.game.maxAmmo;
+ }
+ }
+ class Enemy {
+ constructor(game) {
+ this.game = game;
+ this.x = this.game.width;
+ this.speedX = Math.random() * -1.5 - 0.5;
+ this.markedForDeletion = false;
+ this.frameX = 0;
+ this.frameY = 0;
+ this.maxFrame = 37;
+ }
+ update() {
+ this.x += this.speedX - this.game.speed;
+ if (this.x + this.width < 0) this.markedForDeletion = true;
+ // sprite animation
+ if (this.frameX < this.maxFrame) {
+ this.frameX++;
+ } else this.frameX = 0;
+ }
+ draw(context) {
+ if (this.game.debug) context.strokeRect(this.x, this.y, this.width, this.height);
+ context.drawImage(this.image, this.frameX * this.width, this.frameY * this.height, this.width, this.height, this.x, this.y, this.width, this.height);
+ if (this.game.debug) {
+ context.font = '20px Bangers';
+ context.fillText(this.lives, this.x, this.y);
+ }
+ }
+ }
+ class Angler1 extends Enemy {
+ constructor(game) {
+ super(game);
+ this.width = 228;
+ this.height = 169;
+ this.y = Math.random() * (this.game.height * 0.95 - this.height);
+ this.image = document.getElementById('angler1');
+ this.frameY = Math.floor(Math.random() * 3);
+ this.lives = 5;
+ this.score = this.lives;
+ }
+
+ }
+ class Angler2 extends Enemy {
+ constructor(game) {
+ super(game);
+ this.width = 213;
+ this.height = 165;
+ this.y = Math.random() * (this.game.height * 0.95 - this.height);
+ this.image = document.getElementById('angler2');
+ this.frameY = Math.floor(Math.random() * 2);
+ this.lives = 6;
+ this.score = this.lives;
+ }
+
+ }
+
+ class LuckyFish extends Enemy {
+ constructor(game) {
+ super(game);
+ this.width = 99;
+ this.height = 95;
+ this.y = Math.random() * (this.game.height * 0.95 - this.height);
+ this.image = document.getElementById('lucky');
+ this.frameY = Math.floor(Math.random() * 2);
+ this.lives = 5;
+ this.score = 15;
+ this.type = 'lucky'
+ }
+ }
+
+ class HiveWhale extends Enemy {
+ constructor(game) {
+ super(game);
+ this.width = 400;
+ this.height = 227;
+ this.y = Math.random() * (this.game.height * 0.95 - this.height);
+ this.image = document.getElementById('hivewhale');
+ this.frameY = 0;
+ this.lives = 20;
+ this.score = this.lives;
+ this.type = 'hive';
+ this.speedX = Math.random() * -1.2 - 0.2;
+ }
+ }
+
+ class Drone extends Enemy {
+ constructor(game, x, y) {
+ super(game);
+ this.width = 115;
+ this.height = 95;
+ this.x = x;
+ this.y = y;
+ this.image = document.getElementById('drone');
+ this.frameY = Math.floor(Math.random() * 2);
+ this.lives = 3;
+ this.score = this.lives;
+ this.type = 'drone';
+ this.speedX = Math.random() * -4.2 - 0.5;
+ }
+ }
+
+
+ class Layer {
+ constructor(game, image, speedModifier) {
+ this.game = game;
+ this.image = image;
+ this.speedModifier = speedModifier;
+ this.width = 1768;
+ this.height = 500;
+ this.x = 0;
+ this.y = 0;
+ }
+ update() {
+ if (this.x <= -this.width) this.x = 0;
+ this.x -= this.game.speed * this.speedModifier;
+ }
+ draw(context) {
+ context.drawImage(this.image, this.x, this.y);
+ context.drawImage(this.image, this.x + this.width, this.y);
+ }
+ }
+
+ class Background {
+ constructor(game) {
+ this.game = game;
+ this.image1 = document.getElementById('layer1');
+ this.image2 = document.getElementById('layer2');
+ this.image3 = document.getElementById('layer3');
+ this.image4 = document.getElementById('layer4');
+ this.layer1 = new Layer(this.game, this.image1, 0.2);
+ this.layer2 = new Layer(this.game, this.image2, 0.4);
+ this.layer3 = new Layer(this.game, this.image3, 1);
+ this.layer4 = new Layer(this.game, this.image4, 1.5);
+ this.layers = [this.layer1, this.layer2, this.layer3, this.layer4];
+ }
+ update() {
+ this.layers.forEach(layer => layer.update());
+ }
+ draw(context) {
+ this.layers.forEach(layer => layer.draw(context));
+ }
+
+ }
+
+ class Explosion {
+ constructor(game, x, y) {
+ this.game = game;
+ this.frameX = 0;
+ this.spriteWidth = 200;
+ this.spriteHeight = 200;
+ this.width = this.spriteWidth;
+ this.height = this.spriteHeight;
+ this.x = x - this.width * 0.5;
+ this.y = y - this.height * 0.5;
+ this.fps = 30;
+ this.time = 0;
+ this.interval = 1000 / this.fps;
+ this.markedForDeletion = false;
+ this.maxFrame = 8;
+ }
+ update(deltaTime) {
+ this.x -= this.game.speed;
+ if (this.timer > this.interval) {
+ this.frameX++;
+ this.timer = 0;
+ } else {
+ this.timer += deltaTime;
+ }
+ if (this.frameX > this.maxFrame) this.markedForDeletion = true;
+ }
+ draw(context) {
+ context.drawImage(this.image, this.frameX * this.spriteWidth, 0, this.spriteWidth,
+ this.spriteHeight, this.x, this.y, this.width, this.height);
+ }
+ }
+
+ class SmokeExplosion extends Explosion {
+ constructor(game, x, y) {
+ super(game, x, y);
+ this.image = document.getElementById('smokeExplosion');
+ }
+ }
+
+ class FireExplosion extends Explosion {
+ constructor(game, x, y) {
+ super(game, x, y);
+ this.image = document.getElementById('fireExplosion');
+ }
+ }
+
+
+ class UI {
+ constructor(game) {
+ this.game = game;
+ this.fontSize = 25;
+ this.fontFamily = 'Bangers';
+ this.color = 'yellow';
+ }
+ draw(context) {
+ context.save();
+ context.fillStyle = this.color;
+ context.shadowOffsetX = 2;
+ context.shadowOffsetY = 2;
+ context.shadowColor = 'black';
+ context.font = this.fontSize + 'px' + this.fontFamily;
+ //score
+ context.font = '20px Bangers';
+ context.fillText('Score: ' + this.game.score, 20, 40);
+
+ //timer
+ const formattedTime = (this.game.gameTime * 0.001).toFixed(1);
+ context.font = '20px Bangers';
+ context.fillText('Timer:' + formattedTime, 20, 100);
+
+ //game over messages
+ if (this.game.gameOver) {
+ context.textAlign = 'center';
+ let message1;
+ let message2;
+ if (this.game.score > this.game.winningScore) {
+ message1 = 'Most Wondrous!';
+ message2 = 'Well Done explorer!';
+ } else {
+ message1 = 'Blazes!';
+ message2 = 'Get my repair kit and try again!';
+ }
+ context.font = '50px Bangers';
+ context.fillText(message1, this.game.width * 0.5, this.game.height * 0.5 - 20);
+ context.font = '25px Bangers';
+ context.fillText(message2, this.game.width * 0.5, this.game.height * 0.5 + 20);
+ }
+ //ammo
+ if (this.game.player.powerUp) context.fillStyle = '#ffffbd';
+ for (let i = 0; i < this.game.ammo; i++) {
+ context.fillRect(20 + 5 * i, 50, 3, 20);
+ }
+ context.restore();
+ }
+ }
+ class Game {
+ constructor(width, height) {
+ this.width = width;
+ this.height = height;
+ this.background = new Background(this);
+ this.player = new Player(this);
+ this.input = new InputHandler(this);
+ this.ui = new UI(this);
+ this.keys = [];
+ this.enemies = [];
+ this.particles = [];
+ this.explosions = [];
+ this.enemyTimer = 0;
+ this.enemyInterval = 2000;
+ this.ammo = 20;
+ this.maxAmmo = 50;
+ this.ammoTimer = 0;
+ this.ammoInterval = 350;
+ this.gameOver = false;
+ this.score = 0;
+ this.winningScore = 80;
+ this.gameTime = 0;
+ this.timeLimit = 30000;
+ this.speed = 1;
+ this.debug = false;
+
+ }
+ update(deltaTime) {
+ if (!this.gameOver) this.gameTime += deltaTime;
+ if (this.gameTime > this.timeLimit) this.gameOver = true;
+ this.background.update();
+ this.background.layer4.update();
+ this.player.update(deltaTime);
+ if (this.ammoTimer > this.ammoInterval) {
+ if (this.ammo < this.maxAmmo) this.ammo++;
+ this.ammoTimer = 0;
+ } else {
+ this.ammoTimer += deltaTime;
+ }
+ this.particles.forEach(particle => particle.update());
+ this.particles = this.particles.filter(particle => !particle.markedForDeletion);
+ this.explosions.forEach(explosion => explosion.update(deltaTime));
+ this.explosions = this.explosions.filter(explosion => !explosion.markedForDeletion);
+ this.enemies.forEach(enemy => {
+ enemy.update();
+ if (this.checkCollision(this.player, enemy)) {
+ enemy.markedForDeletion = true;
+ this.addExplosion(enemy);
+ for (let i = 0; i < enemy.score; i++) {
+ this.particles.push(new Particle(this, enemy.x + enemy.width * 0.5, enemy.y + enemy.height * 0.5));
+ }
+ if (enemy.type === 'lucky') this.player.enterPowerUp();
+ else if (!this.gameOver) this.score--;
+ }
+ this.player.projectiles.forEach(projectile => {
+ if (this.checkCollision(projectile, enemy)) {
+ enemy.lives--;
+ projectile.markedForDeletion = true;
+ this.particles.push(new Particle(this, enemy.x + enemy.width * 0.5, enemy.y + enemy.height * 0.5));
+ if (enemy.lives <= 0) {
+ for (let i = 0; i < enemy.score; i++) {
+ this.particles.push(new Particle(this, enemy.x + enemy.width * 0.5, enemy.y + enemy.height * 0.5));
+ }
+ enemy.markedForDeletion = true;
+ this.addExplosion(enemy);
+ if (enemy.type === 'hive') {
+ for (let i = 0; i < 5; i++) {
+ this.enemies.push(new Drone(this, enemy.x + Math.random() * enemy.width,
+ enemy.y + Math.random() * enemy.height + 0.5));
+ }
+ }
+ if (!this.gameOver) this.score += enemy.score;
+ /*if (this.score > this.winningScore) this.gameOver = true;*/
+ }
+ }
+ });
+ });
+ this.enemies = this.enemies.filter(enemy => !enemy.markedForDeletion);
+ if (this.enemyTimer > this.enemyInterval && !this.gameOver) {
+ this.addEnemy();
+ this.enemyTimer = 0;
+ } else {
+ this.enemyTimer += deltaTime;
+ }
+ }
+ draw(context) {
+ this.background.draw(context);
+ this.ui.draw(context);
+ this.player.draw(context);
+ this.particles.forEach(particle => particle.draw(context));
+ this.enemies.forEach(enemy => {
+ enemy.draw(context);
+ });
+ this.explosions.forEach(explosion => {
+ explosion.draw(context);
+ });
+ this.background.layer4.draw(context);
+ }
+ addEnemy() {
+ const randomize = Math.random();
+ if (randomize < 0.3) this.enemies.push(new Angler1(this));
+ else if (randomize < 0.6) this.enemies.push(new Angler2(this));
+ else if (randomize < 0.7) this.enemies.push(new HiveWhale(this));
+ else this.enemies.push(new LuckyFish(this));
+ }
+ addExplosion(enemy) {
+ const randomize = Math.random();
+ if (randomize < 0.5) {
+ this.explosions.push(new SmokeExplosion(this, enemy.x + enemy.width * 0.5, enemy.y + enemy.height * 0.5));
+ }
+ else {
+ this.explosions.push(new FireExplosion(this, enemy.x + enemy.width * 0.5, enemy.y + enemy.height * 0.5));
+ }
+ }
+ checkCollision(rect1, rect2) {
+ return (rect1.x < rect2.x + rect2.width &&
+ rect1.x + rect1.width > rect2.x &&
+ rect1.y < rect2.y + rect2.height &&
+ rect1.height + rect1.y > rect2.y)
+ }
+
+ }
+
+ const game = new Game(canvas.width, canvas.height);
+ let lastTime = 0;
+ //animation loop
+ function animate(timeStamp) {
+ const deltaTime = timeStamp - lastTime;
+ console.log(deltaTime);
+ lastTime = timeStamp;
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+ game.draw(ctx);
+ game.update(deltaTime);
+ requestAnimationFrame(animate);
+ }
+ animate(0);
+});
+
diff --git a/Games/Alien_Invasion/style.css b/Games/Alien_Invasion/style.css
new file mode 100644
index 0000000000..268a5f3b93
--- /dev/null
+++ b/Games/Alien_Invasion/style.css
@@ -0,0 +1,34 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+#canvas1 {
+ border: 5px solid black;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background: #4d79bc;
+ max-width: 100%;
+ max-height: 100%;
+ font-family: 'Bangers', cursive;
+}
+
+#layer1,
+#layer2,
+#layer3,
+#layer4,
+#player,
+#angler1,
+#angler2,
+#lucky,
+#projectile,
+#gears,
+#hivewhale,
+#drone,
+#smokeExplosion,
+#fireExplosion {
+ display: none;
+}
\ No newline at end of file
diff --git a/Games/Fidget_Spinner_Game/README.md b/Games/Fidget_Spinner_Game/README.md
new file mode 100644
index 0000000000..7f6afc0085
--- /dev/null
+++ b/Games/Fidget_Spinner_Game/README.md
@@ -0,0 +1,37 @@
+# Fidget Spinner
+
+A fidget spinner made in JavaScript.
+
+## Description 📃
+
+ Fidget Spinner is an interactive online simulation of a physical fidget spinner. This digital version allows users to experience the satisfying and stress-relieving sensation of spinning a fidget spinner directly from their browser.
+
+## Functionalities 🎮
+
+- **Interactive Spinning**: Users can spin the fidget spinner by dragging the mouse across the screen.
+- **Speed Display**: The current speed of the spinner is displayed, giving users real-time feedback.
+- **Custom Speed Setting**: Users can set a custom speed for the fidget spinner, allowing for a personalized experience.
+- **Automatic Spin**: For those who prefer not to drag their mouse, a button is available to automatically spin the fidget spinner.
+
+## How to Play? 🕹️
+
+1. **Drag to Spin**: Click and drag the mouse across the spinner to make it spin. The faster you drag, the faster the spinner will rotate.
+2. **View Speed**: Watch the speedometer to see how fast the spinner is going.
+3. **Set Custom Speed**: Use the input box to set a custom speed for the spinner.
+4. **Automatic Spin**: Click the "Spin" button to make the spinner spin without dragging.
+
+## Screenshots 📸
+
+
+
+
+
+## Updates
+
+- **Speed Display**: Added for real-time feedback.
+- **Custom Speed Setting**: Introduced a feature to set custom speed.
+- **Automatic Spin**: Added a "Spin" button for automatic spinning.
+
+
+
+Enjoy the virtual spinning experience and have fun!
diff --git a/Games/Fidget_Spinner_Game/assets/images/Fidget.png b/Games/Fidget_Spinner_Game/assets/images/Fidget.png
new file mode 100644
index 0000000000..1f825166d8
Binary files /dev/null and b/Games/Fidget_Spinner_Game/assets/images/Fidget.png differ
diff --git a/Games/Fidget_Spinner_Game/index.html b/Games/Fidget_Spinner_Game/index.html
new file mode 100644
index 0000000000..3fbad5c860
--- /dev/null
+++ b/Games/Fidget_Spinner_Game/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+ You won!
';
+ alert.style.display = "flex";
+ alert.style.flexDirection = "column";
+ stopTimer();
+}
\ No newline at end of file
diff --git a/Games/Sliding_puzzle/style.css b/Games/Sliding_puzzle/style.css
new file mode 100644
index 0000000000..d7a3b74541
--- /dev/null
+++ b/Games/Sliding_puzzle/style.css
@@ -0,0 +1,166 @@
+body{
+ display: flex;
+ background: whitesmoke;
+ align-items: center;
+ justify-content: center;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+ .container {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ }
+ .board {
+ display: flex;
+ width: 40vw;
+ height: 40vw;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ border-radius: 5px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ background-color: #313231;
+ }
+ .square {
+ display: flex;
+ width: 22%;
+ height: 22%;
+ margin: 1%;
+ border-radius: 3px;
+ background: #dce4e7;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ }
+ .elementContainer {
+ margin-bottom: 70px;
+ }
+ .title{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: 10px;
+ }
+ h1 {
+ font-size: 20px;
+ color:black;
+ }
+ .moveElementContainer {
+ display: flex;
+ flex-direction: column;
+ background: #313231;
+ padding:15px 25px;
+ font-size: 25px;
+ font-weight: bold;
+ border-radius: 3px;
+ color: white;
+ text-align: center;
+ margin-left: 10px;
+ }
+
+ #moveLabel,#timerLabel {
+ color:whitesmoke;
+ font-size: 20px;
+ }
+ button {
+ width:180px;
+ height: 50px;
+ outline: none;
+ font-size: large;
+ font-weight: bold;
+ background-color: #313231;
+ color:#f9f6f2;
+ border: none;
+ border-radius: 3px;
+ margin-left: 10px;
+ margin-top: 10px;
+ cursor: pointer;
+ }
+
+ .tile {
+ width: 22%;
+ height: 22%;
+ display: flex;
+ z-index: 1;
+ align-items: center;
+ justify-content: center;
+ font-size: 50px;
+ font-weight: bold;
+ position: absolute;
+ color:whitesmoke;
+ background-color: #3db1a6;
+ transition: top 0.25s, left 0.25s;
+ }
+
+ .row1{
+ top:75%;
+ }
+ .row2{
+ top:51%;
+ }
+ .row3{
+ top:27%;
+ }
+ .row4{
+ top:3%;
+ }
+
+ .column1{
+ left:3%;
+ }
+ .column2{
+ left:27%;
+ }
+ .column3{
+ left:51%;
+ }
+ .column4{
+ left:75%;
+ }
+
+ #alert {
+ color:#19b188;
+ background: rgba(238, 228, 218, 0.73);
+ font-size: 60px;
+ font-weight: bold;
+ width: 100%;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ display: none;
+ position: absolute;
+ z-index: 3;
+ }
+
+ @media(max-width:600px) {
+ body{
+ flex-wrap: wrap;
+ }
+ .elementContainer {
+ margin: 0;
+ }
+ .tile{
+ font-size: 20px;
+ }
+ h1 {
+ font-size:14px;
+ }
+ button {
+ width: 100px;
+ height: 30px;
+ font-size: small;
+ }
+ .moveElementContainer,#moveLabel,#timerLabel{
+ font-size: 14px;
+ }
+ #moveLabel {
+ font-size: 14px;
+ }
+ .board{
+ padding-top: 5px;
+ padding-bottom: 5px;
+ width: 60vw;
+ height: 60vw;
+ }
+ }
\ No newline at end of file
diff --git a/Games/Spell_Bee/README.md b/Games/Spell_Bee/README.md
new file mode 100644
index 0000000000..d1c9742626
--- /dev/null
+++ b/Games/Spell_Bee/README.md
@@ -0,0 +1,19 @@
+# Spell Bee
+
+The game is based on real life spelling bee competition. Listen to word and Enter correct spelling of that word.
+
+# How to Play
+
+To begin playing, click on "Begin" button and game will start. Player can listen to the pronunciation of word and can type in the answer bar.
+Player can also listen to the word used in a sentence or can see its meaning for proper guessin but it will charge him some score points.
+
+
+# Scores
+
+Score points are awareded and deducted based on:
+ 1. Correct Answer +5 points
+ 2. Speak Sentence -2 points
+ 3. Show Meaning -1 point.
+
+# Contributed by :
+https://github.com/Markcosay
\ No newline at end of file
diff --git a/Games/Spell_Bee/Spell Bee.png b/Games/Spell_Bee/Spell Bee.png
new file mode 100644
index 0000000000..dd31cfccd1
Binary files /dev/null and b/Games/Spell_Bee/Spell Bee.png differ
diff --git a/Games/Spell_Bee/assets/spell_bee_screenshot.png b/Games/Spell_Bee/assets/spell_bee_screenshot.png
new file mode 100644
index 0000000000..87720cc939
Binary files /dev/null and b/Games/Spell_Bee/assets/spell_bee_screenshot.png differ
diff --git a/Games/Spell_Bee/index.html b/Games/Spell_Bee/index.html
new file mode 100644
index 0000000000..1c37881608
--- /dev/null
+++ b/Games/Spell_Bee/index.html
@@ -0,0 +1,396 @@
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
diff --git a/Games/keySymphony/index1.html b/Games/keySymphony/index1.html
new file mode 100644
index 0000000000..8805824656
--- /dev/null
+++ b/Games/keySymphony/index1.html
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Level: 1
+ Score: 0
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Games/keySymphony/index1.js b/Games/keySymphony/index1.js
new file mode 100644
index 0000000000..2247b0cc99
--- /dev/null
+++ b/Games/keySymphony/index1.js
@@ -0,0 +1,43 @@
+document.addEventListener("DOMContentLoaded", () => {
+ const pianoKeys = document.querySelectorAll(".Piano .key"),
+ volumeSlider = document.querySelector(".sound input"),
+ keyCheckbox = document.querySelector(".keys-checkbox input");
+
+ let allKeys = [],
+ audio = new Audio();
+
+ const playTune = (key) => {
+ audio.src = `tunes/${key}.wav`;
+ audio.play();
+
+ const clickedKey = document.querySelector(`[data-key="${key}"]`);
+ if (clickedKey) {
+ clickedKey.classList.add("active");
+ setTimeout(() => {
+ clickedKey.classList.remove("active");
+ }, 160);
+ }
+ };
+
+ const handleVolume = (e) => {
+ audio.volume = e.target.value / 100;
+ };
+
+ const showHideKeys = () => {
+ pianoKeys.forEach(key => key.classList.toggle("hide"));
+ };
+
+ pianoKeys.forEach(key => {
+ allKeys.push(key.dataset.key);
+ // Calling playTune function with passing data-key value as an argument
+ key.addEventListener("click", () => playTune(key.dataset.key));
+ });
+
+ const pressedKey = (e) => {
+ if (allKeys.includes(e.key)) playTune(e.key);
+ };
+
+ keyCheckbox.addEventListener("click", showHideKeys);
+ volumeSlider.addEventListener("input", handleVolume);
+ document.addEventListener("keydown", pressedKey);
+});
diff --git a/Games/keySymphony/style1.css b/Games/keySymphony/style1.css
new file mode 100644
index 0000000000..158e467767
--- /dev/null
+++ b/Games/keySymphony/style1.css
@@ -0,0 +1,186 @@
+
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family:'Poppins',sans-serif;
+}
+body{
+display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ background-color: rgb(207, 232, 255);
+}
+.wrapper{
+ border-radius: 20px;
+ width:795px;
+ background-color: black;
+ padding: 32px 40px;
+
+}
+.wrapper header{
+ color: rgb(255, 255, 222);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ justify-content: space-between;
+}
+header h2{
+ font-size:35px;
+}
+header .column{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+header .column span{
+ font-weight: 420;
+ font-size: 18px;
+ margin-right:15px;
+}
+.sound input{
+ accent-color: #c3c018;
+}
+.keys-checkbox input{
+ height:35px ;
+ width:65px;
+ cursor:pointer;
+ border-radius:30px ;
+ background: #118df3;
+ appearance: none;
+ outline:none;
+ position: relative;
+}
+.keys-checkbox input::before{
+ content: "";
+ border-radius: inherit;
+ position: absolute;
+ background-color: rgb(137, 239, 217);
+ width: 25px;
+ height: 25px;
+ top:50%;
+ left: 5px;
+ transform: translateY(-50%);
+ transition: all 0.2s ease;
+}
+.keys-checkbox input:checked::before{
+ left:35px;
+ background-color: antiquewhite;
+}
+.Piano{
+ display: flex;
+ margin-top: 40px;
+ /* padding: 20px 10px; */
+ justify-content: center;
+ list-style: none;
+}
+.Piano .key{
+ list-style:none;
+ /* color: rgb(143, 130, 112); */
+ text-transform: uppercase;
+ cursor: pointer;
+ user-select: none;
+ position: relative;
+}
+.Piano .white{
+ width:80px;
+ height:230px;
+ border: 1px solid black;
+ background: linear-gradient(#fff 96%,#eee 4%);
+ border-radius: 9px;
+
+}
+.Piano .white:active{
+ box-shadow:inset -5px 5px 20px rgba(0,0,0,0.2);
+ background-color: linear-gradient(to bottom, #fff 0%, #eee 100%);
+}
+.Piano .black{
+ width:44px;
+ height:140px;
+ /* border: 1px solid black; */
+ background: linear-gradient(#333 ,#000 );
+ border-radius: 0 0 5px 5px;
+ z-index: 2;
+ margin: 0 -22px 0 -22px;
+}
+.Piano .black:active{
+ box-shadow:inset -5px -10px 10px rgba(255,255,255,0.2);
+ background-color: linear-gradient(to bottom, #000 , #434343);
+}
+.Piano span{
+ position: absolute;
+ bottom: 20px;
+ width: 100%;
+ font-size: 1.15rem;
+ text-align: center;
+}
+.Piano .key span {
+ position: absolute;
+ bottom: 20px;
+ width: 100%;
+ color: #A2A2A2;
+ font-size: 1.13rem;
+ text-align: center;
+ }
+ .Piano .key.hide span {
+ display: none;
+ }
+ .Piano .black span {
+ bottom: 13px;
+ color: #888888;
+ }
+.Piano .key{
+ list-style: none;
+ color: rgba(174, 174, 174, 0.856);
+}
+.Piano .key.hide span {
+ display: none;
+ }
+ .Piano .black span {
+ bottom: 13px;
+ color: #888888;
+ }
+ @media screen and (max-width: 815px) {
+ .wrapper {
+ padding: 25px;
+ }
+ header {
+ flex-direction: column;
+ }
+ header :where(h2, .column) {
+ margin-bottom: 13px;
+ }
+ .sound input {
+ max-width: 100px;
+ }
+ .Piano {
+ margin-top: 20px;
+ }
+ .Piano .key:where(:nth-child(9), :nth-child(10)) {
+ display: none;
+ }
+ .Piano .black {
+ height: 100px;
+ width: 40px;
+ margin: 0 -20px 0 -20px;
+ }
+ .Piano .white {
+ height: 180px;
+ width: 60px;
+ }
+ }
+ @media screen and (max-width: 615px) {
+ .Piano .key:nth-child(13),
+ .Piano .key:nth-child(14),
+ .Piano .key:nth-child(15),
+ .Piano .key:nth-child(16),
+ .Piano .key :nth-child(17) {
+ display: none;
+ }
+ .Piano .white {
+ width: 50px;
+ }
+ }
\ No newline at end of file
diff --git a/Games/keySymphony/tunes/;.wav b/Games/keySymphony/tunes/;.wav
new file mode 100644
index 0000000000..a71fe4e48e
Binary files /dev/null and b/Games/keySymphony/tunes/;.wav differ
diff --git a/Games/keySymphony/tunes/a.wav b/Games/keySymphony/tunes/a.wav
new file mode 100644
index 0000000000..fa6e07a38d
Binary files /dev/null and b/Games/keySymphony/tunes/a.wav differ
diff --git a/Games/keySymphony/tunes/d.wav b/Games/keySymphony/tunes/d.wav
new file mode 100644
index 0000000000..7377899844
Binary files /dev/null and b/Games/keySymphony/tunes/d.wav differ
diff --git a/Games/keySymphony/tunes/e.wav b/Games/keySymphony/tunes/e.wav
new file mode 100644
index 0000000000..1325049800
Binary files /dev/null and b/Games/keySymphony/tunes/e.wav differ
diff --git a/Games/keySymphony/tunes/f.wav b/Games/keySymphony/tunes/f.wav
new file mode 100644
index 0000000000..31aa67be88
Binary files /dev/null and b/Games/keySymphony/tunes/f.wav differ
diff --git a/Games/keySymphony/tunes/g.wav b/Games/keySymphony/tunes/g.wav
new file mode 100644
index 0000000000..bd0e58c44b
Binary files /dev/null and b/Games/keySymphony/tunes/g.wav differ
diff --git a/Games/keySymphony/tunes/h.wav b/Games/keySymphony/tunes/h.wav
new file mode 100644
index 0000000000..921b7d5e3f
Binary files /dev/null and b/Games/keySymphony/tunes/h.wav differ
diff --git a/Games/keySymphony/tunes/j.wav b/Games/keySymphony/tunes/j.wav
new file mode 100644
index 0000000000..747367fe86
Binary files /dev/null and b/Games/keySymphony/tunes/j.wav differ
diff --git a/Games/keySymphony/tunes/k.wav b/Games/keySymphony/tunes/k.wav
new file mode 100644
index 0000000000..52598b1a6a
Binary files /dev/null and b/Games/keySymphony/tunes/k.wav differ
diff --git a/Games/keySymphony/tunes/l.wav b/Games/keySymphony/tunes/l.wav
new file mode 100644
index 0000000000..95baa0b64e
Binary files /dev/null and b/Games/keySymphony/tunes/l.wav differ
diff --git a/Games/keySymphony/tunes/o.wav b/Games/keySymphony/tunes/o.wav
new file mode 100644
index 0000000000..853e92da4b
Binary files /dev/null and b/Games/keySymphony/tunes/o.wav differ
diff --git a/Games/keySymphony/tunes/p.wav b/Games/keySymphony/tunes/p.wav
new file mode 100644
index 0000000000..d97f784fb3
Binary files /dev/null and b/Games/keySymphony/tunes/p.wav differ
diff --git a/Games/keySymphony/tunes/s.wav b/Games/keySymphony/tunes/s.wav
new file mode 100644
index 0000000000..4d53816b8c
Binary files /dev/null and b/Games/keySymphony/tunes/s.wav differ
diff --git a/Games/keySymphony/tunes/t.wav b/Games/keySymphony/tunes/t.wav
new file mode 100644
index 0000000000..1e50ef5c81
Binary files /dev/null and b/Games/keySymphony/tunes/t.wav differ
diff --git a/Games/keySymphony/tunes/u.wav b/Games/keySymphony/tunes/u.wav
new file mode 100644
index 0000000000..505f00e54a
Binary files /dev/null and b/Games/keySymphony/tunes/u.wav differ
diff --git a/Games/keySymphony/tunes/w.wav b/Games/keySymphony/tunes/w.wav
new file mode 100644
index 0000000000..2a160b5594
Binary files /dev/null and b/Games/keySymphony/tunes/w.wav differ
diff --git a/Games/keySymphony/tunes/y.wav b/Games/keySymphony/tunes/y.wav
new file mode 100644
index 0000000000..e4caa7049b
Binary files /dev/null and b/Games/keySymphony/tunes/y.wav differ
diff --git a/README.md b/README.md
index 32d731dcd1..0008290f12 100644
--- a/README.md
+++ b/README.md
@@ -108,10 +108,11 @@ This repository also provides one such platforms where contributers come over an
| Game | Game | Game | Game | Game |
-| ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------- |
+
| [Master Typing](https://github.com/kunjgit/GameZone/tree/main/Games/Master_Typing) | [Treasure Hunt](https://github.com/Antiquely3059/GameZone/tree/main/Games/Treasure%20Hunt) | [Virtual Pet](https://github.com/Antiquely3059/GameZone/tree/main/Games/Virtual_Pet) | [MazeRunner](https://github.com/kunjgit/GameZone/tree/main/Games/MazeRunner) | [Ping_Pong_Singleplayer](https://github.com/kunjgit/GameZone/tree/main/Games/Ping_Pong_Singleplayer) | |
+
| [Tilting Maze](https://github.com/kunjgit/GameZone/tree/main/Games/Tilting_Maze) | [Simon Game Challenge](https://github.com/kunjgit/GameZone/tree/main/Games/Simon_Game_Challenge) | [Snake Game](https://github.com/kunjgit/GameZone/tree/main/Games/Snake_Game) | [Dino Runner Game](https://github.com/kunjgit/GameZone/tree/main/Games/Dino_Runner_Game) |
-| [Whack a Mole](https://github.com/kunjgit/GameZone/tree/main/Games/Whack_a_Mole) | [Doraemon Jump](https://github.com/kunjgit/GameZone/tree/main/Games/Doraemon_Jump) | [Black Jack](https://github.com/kunjgit/GameZone/tree/main/Games/Black_Jack) | [Memory Game](https://github.com/kunjgit/GameZone/tree/main/Games/Memory_Game) | [Word Guessing Game](https://github.com/kunjgit/GameZone/tree/main/Games/Word_Guessing_Game) |
+| [Whack a Mole](https://github.com/kunjgit/GameZone/tree/main/Games/Whack_a_Mole) | [Doraemon Jump](https://github.com/kunjgit/GameZone/tree/main/Games/Doraemon_Jump) | [Black Jack](https://github.com/kunjgit/GameZone/tree/main/Games/Black_Jack) | [Memory Game](https://github.com/kunjgit/GameZone/tree/main/Games/Memory_Game) | [Word Guessing Game](https://github.com/kunjgit/GameZone/tree/main/Games/Word_Guessing_Game)
| [Ludo Game](https://github.com/kunjgit/GameZone/tree/main/Games/Ludo_Game) | [Piano Game](https://github.com/kunjgit/GameZone/tree/main/Games/Piano) | [Atari Breakout](https://github.com/kunjgit/GameZone/tree/main/Games/Atari_Breakout) | [Dinosaur Game](https://github.com/kunjgit/GameZone/tree/main/Games/Chrome_Dinosaur_Game) | [Guess The Colour by RGB Game](https://github.com/kunjgit/GameZone/tree/main/Games/Colour_Guessing_Game) |
| [Guess The Number](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_The_Number) | [Race car game](https://github.com/kunjgit/GameZone/tree/main/Games/race_car) | [Aim Training](https://github.com/DP-NOTHING/GameZone/tree/contri/Games/Aim_Training) | [Alien Shooter](https://github.com/kunjgit/GameZone/tree/main/Games/Alien_Shooters) | [Fruit Ninja](https://github.com/kunjgit/GameZone/tree/main/Games/Fruit_Ninja) |
| [Doodle Jump](https://github.com/kunjgit/GameZone/tree/main/Games/Doodle_Jump) | [Alphabet Game](https://github.com/kunjgit/GameZone/tree/main/Games/Alphabet) | [Candy Crush](https://github.com/kunjgit/GameZone/tree/main/Games/Candy_Crush) | [Word Association Game](https://github.com/kunjgit/GameZone/tree/main/Games/Word_Association_Game) | [Tic Tac Toe](https://github.com/kunjgit/GameZone/tree/main/Games/Tic_Tac_Toe) |
@@ -190,7 +191,7 @@ This repository also provides one such platforms where contributers come over an
| [CSS Select](https://github.com/kunjgit/GameZone/tree/main/Games/CSS_Select) | [Squid](https://github.com/kunjgit/GameZone/tree/main/Games/Squid_Game) | [Flip Coin](https://github.com/kunjgit/GameZone/tree/main/Games/Flip_Coin) | [Witty Word Quest](https://github.com/kunjgit/GameZone/tree/main/Games/witty_word_quest) | [Typing Game](https://github.com/Ishan-77/GameZone/tree/main/Games/Typing_Game) |
| [numeral-whiz](https://github.com/Ishan-77/GameZone/tree/main/Games/numeral-whiz) | [candy_match](https://github.com/kunjgit/GameZone/tree/main/Games/Candy_Match_Saga) | [Crossy_Road](https://github.com/tanujbordikar/GameZone/tree/Crossy_Road) | [HueHero](https://github.com/kunjgit/GameZone/tree/main/Games/HueHero) | [Puzzel_Winner](https://github.com/kunjgit/GameZone/tree/main/Games/Puzzel_Winner) |
| [Emoji_Intruder](https://github.com/kunjgit/GameZone/tree/main/Games/Emoji_Intruder) | [Guess The Weapon](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_The_Weapon) | [Guess Who](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_Who) | [Pop My Balloon](https://github.com/kunjgit/GameZone/tree/main/Games/Pop_My_Balloon) | [Color_Blast](https://github.com/kunjgit/GameZone/tree/main/Games/Color_Blast) |
-| [Maze_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Maze_Game) | [Coloron](https://github.com/kunjgit/GameZone/tree/main/Games/Coloron). |
+| [Maze_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Maze_Game) | [Coloron](https://github.com/kunjgit/GameZone/tree/main/Games/Coloron). | [Gobblet](https://github.com/kunjgit/GameZone/tree/main/Games/Gobblet) |
| [Black_jackk](https://github.com/kunjgit/GameZone/tree/main/Games/Black_jackk)
| [Emoji_Intruder](https://github.com/kunjgit/GameZone/tree/main/Games/Emoji_Intruder) | [Guess The Weapon](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_The_Weapon) | [Guess Who](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_Who) | | |
| [Emoji_Intruder](https://github.com/kunjgit/GameZone/tree/main/Games/Emoji_Intruder) | [Guess The Weapon](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_The_Weapon) | [Guess Who](https://github.com/kunjgit/GameZone/tree/main/Games/Guess_Who) | [Pop My Balloon](https://github.com/kunjgit/GameZone/tree/main/Games/Pop_My_Balloon) | |
@@ -212,7 +213,7 @@ This repository also provides one such platforms where contributers come over an
[Mancala_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Mancala_Game) |
[Knife_hit](https://github.com/kunjgit/GameZone/tree/main/Games/Knife_hit) |
| [Dice_Roller](https://github.com/kunjgit/GameZone/tree/main/Games/Dice_Roller) | [Chrome_Dino_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Chrome_Dino_Game) |
-| [Rock_paper_scissor](https://github.com/kunjgit/GameZone/tree/main/Games/Rock_paper_scissor) |
+| [Rock_paper_scissor](https://github.com/kunjgit/GameZone/tree/main/Games/Rock_paper_scissor) | [Sliding Puzzle](https://github.com/kunjgit/GameZone/tree/main/Games/Sliding_Puzzle) |
| [City_Builder_Game](https://github.com/kunjgit/GameZone/tree/main/Games/City_Builder_Game) |
| [Pokemon_Stats_Card](https://github.com/kunjgit/GameZone/tree/main/Games/Pokemon_Stats_Card) |
| [Steampunk_FlappyBird](https://github.com/kunjgit/GameZone/tree/main/Games/Steampunk_FlappyBird) |
@@ -320,12 +321,21 @@ This repository also provides one such platforms where contributers come over an
| [Recognizing_Figures](https://github.com/kunjgit/GameZone/tree/main/Games/Recognizing_Figures) | [Screen Pet Game](https://github.com/kunjgit/GameZone/tree/main/Games/Screen-Pet-Game) |
| [Sudoku_light_theme](https://github.com/kunjgit/GameZone/tree/main/Games/Sudoku_light_theme) |
| [Find_the_ball](https://github.com/kunjgit/GameZone/tree/main/Games/Find_the_ball) |
+
+|[Color The Page](https://github.com/kunjgit/GameZone/tree/main/Games/Color_The_Page)|
+
+[Fidget Spinner Game](https://github.com/kunjgit/GameZone/tree/main/Games/Fidget_Spinner_Game)|
| [Color The Page](https://github.com/kunjgit/GameZone/tree/main/Games/Color_The_Page)|
|[Building Blocks Game](https://github.com/kunjgit/GameZone/tree/main/Games/Building_Block_Game)|
|[Cartoon character guessing game](https://github.com/kunjgit/GameZone/tree/main/Games/Cartoon_Character_Guessing_Game)|
+
|[Carrom Board Game](https://github.com/kunjgit/GameZone/tree/main/Games/carrom)|
| [Number_Recall_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Number_Recall_Game) |
-| [Hit_the_hamster] (https://github.com/kunjgit/GameZone/tree/main/Games/Hit_the_hamster) |
+
+
+| [Hit_the_hamster](https://github.com/kunjgit/GameZone/tree/main/Games/Hit_the_hamster) |
+
+
| [Forest_Guardian](https://github.com/kunjgit/GameZone/tree/main/Games/Forst_Guardian) |
| [Sudoku_light_theme](https://github.com/kunjgit/GameZone/tree/main/Games/Sudoku_light_theme) |
| [Find_the_ball](https://github.com/kunjgit/GameZone/tree/main/Games/Find_the_ball) |
@@ -345,14 +355,11 @@ This repository also provides one such platforms where contributers come over an
|[Penguins Cant Fly](https://github.com/Will2Jacks/GameZoneForked/tree/Task/Games/Penguins_Cant_Fly)|
|[GoFish](https://github.com/kunjgit/GameZone/tree/main/Games/GoFish)|
| [Taash_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Taash_Game)|
-
| [Intellect Quest](https://github.com/Will2Jacks/GameZoneForked/tree/Task/Games/Intellect_Quest) |
| [Number_Guessing_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Number_Guessing_Game) |
| [Modulo_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Modulo_Game) |
-
-=======
+| [Alien_Invasion](https://github.com/kunjgit/GameZone/tree/main/Games/Alien_Invasion) |
| [Drawing_App](https://github.com/kunjgit/GameZone/tree/main/Games/Drawing_app) |
-
|[Town-Rise](https://github.com/kunjgit/GameZone/tree/main/Games/Town_Rise_Game)|
| [IKnowYou-Mind-Reading-Game](https://github.com/kunjgit/GameZone/tree/main/Games/IKnowYou-Mind-Reading-Game) |
@@ -799,6 +806,7 @@ This repository also provides one such platforms where contributers come over an
| [Bouncing Ball Game](https://github.com/kunjgit/GameZone/tree/main/Games/Bouncing_Ball_Game) |
|[Harmony_Mixer](https://github.com/kunjgit/GameZone/tree/main/Games/Harmony_Mixer)|
|[Car_Racing_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Car_Racing_Game)|
+|[KeySymphony](https://github.com/kunjgit/GameZone/tree/main/Games/KeySymphony)|
|[Math_Race_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Math_Race_Game)|
| [Bunny is Lost](https://github.com/kunjgit/GameZone/tree/main/Games/Bunny_is_Lost)|
|[Steam_Punk](https://github.com/kunjgit/GameZone/tree/main/Games/Steam_Punk)|
@@ -809,6 +817,7 @@ This repository also provides one such platforms where contributers come over an
|[Dot_Box_Game](https://github.com/kunjgit/GameZone/tree/main/Games/Dot_Box_Game)|
| [Cosmic_Blast](https://github.com/kunjgit/GameZone/tree/main/Games/Cosmic_Blast) |
|[Mole](https://github.com/taneeshaa15/GameZone/tree/main/Games/Mole)|
+|[Spell Bee](https://github.com/kunjgit/GameZone/tree/main/Games/Spell_Bee)|
| [Go-fish-master](https://github.com/kunjgit/GameZone/tree/main/Games/Go-fish-master) |
|[Pottery-Game](https://github.com/kunjgit/GameZone/tree/main/Games/Pottery-Game)|
| [Ganesh_QR_Maker](https://github.com/kunjgit/GameZone/tree/main/Games/Ganesh_QR_Maker) |
diff --git a/assets/images/Alien_Invasion.png b/assets/images/Alien_Invasion.png
new file mode 100644
index 0000000000..8629cd684e
Binary files /dev/null and b/assets/images/Alien_Invasion.png differ
diff --git a/assets/images/Fidget.png b/assets/images/Fidget.png
new file mode 100644
index 0000000000..1f825166d8
Binary files /dev/null and b/assets/images/Fidget.png differ
diff --git a/assets/images/Gobblet.png b/assets/images/Gobblet.png
new file mode 100644
index 0000000000..b48cf2f787
Binary files /dev/null and b/assets/images/Gobblet.png differ
diff --git a/assets/images/Gobblet.webp b/assets/images/Gobblet.webp
new file mode 100644
index 0000000000..f8e2b03dbf
Binary files /dev/null and b/assets/images/Gobblet.webp differ
diff --git a/assets/images/KeySymphony.png b/assets/images/KeySymphony.png
new file mode 100644
index 0000000000..31bf050d89
Binary files /dev/null and b/assets/images/KeySymphony.png differ
diff --git a/assets/images/KeySymphony2.png b/assets/images/KeySymphony2.png
new file mode 100644
index 0000000000..0a1cad69cb
Binary files /dev/null and b/assets/images/KeySymphony2.png differ
diff --git a/assets/images/Sliding_Game.png b/assets/images/Sliding_Game.png
new file mode 100644
index 0000000000..d007f76594
Binary files /dev/null and b/assets/images/Sliding_Game.png differ
diff --git a/assets/images/spell_bee.png b/assets/images/spell_bee.png
new file mode 100644
index 0000000000..87720cc939
Binary files /dev/null and b/assets/images/spell_bee.png differ
diff --git a/assets/js/gamesData.json b/assets/js/gamesData.json
index ef609c568f..32b08e10b6 100644
--- a/assets/js/gamesData.json
+++ b/assets/js/gamesData.json
@@ -2000,6 +2000,136 @@
"thumbnailUrl": "Dot_Connect.png"
},
+
+"396":{
+ "gameTitle": "path finder puzzle",
+ "gameUrl": "path_finder",
+ "thumbnailUrl": "pathfinder.png"
+},
+"414":{
+ "gameTitle": "NameFate",
+ "gameUrl": "namefate",
+ "thumbnailUrl": "namefate.png"
+}
+,
+"500":{
+ "gameTitle": "Menja block breaker",
+ "gameUrl": "Menja_block_breaker",
+ "thumbnailUrl": "menja_Block_breaker.png"
+},
+"393":{
+
+ "gameTitle": "Pop My Balloon",
+ "gameUrl": "Pop_My_Balloon",
+ "thumbnailUrl": "Pop_My_Balloon.png"
+
+},
+"397":{
+ "gameTitle": "Tower Stack",
+ "gameUrl": "Tower_Stack",
+ "thumbnailUrl": "Tower_Stack.png"
+
+},
+"395":{
+
+ "gameTitle": "Virtual Pet Game",
+ "gameUrl": "Virtual_Pet_Game",
+ "thumbnailUrl": "Virtual_Pet_Game.png"
+
+ "gameTitle": "path finder puzzle",
+ "gameUrl": "path_finder",
+ "thumbnailUrl": "pathfinder.png"
+},
+"411":{ "gameTitle": "Tiny Fishing",
+"gameUrl": "Tiny_Fishing",
+"thumbnailUrl": "Tiny_Fishing.png"
+},
+"398":{
+"410":{
+ "gameTitle": "Shrek Vs Wild",
+ "gameUrl": "Shrek_Vs_Wild",
+ "thumbnailUrl": "Shrek_Vs_Wild.png"
+},
+"409":{
+ "gameTitle": "Hover_Board_Effect",
+ "gameUrl": "Hover_Board_Effect",
+ "thumbnailUrl": "Hover_Board_Effect.png"
+},
+"405":{
+ "gameTitle": "Candy_Crush_Saga",
+ "gameUrl": "Candy_Crush_Saga",
+ "thumbnailUrl": "Candy_Crush_Saga.png"
+},"419":{
+
+ "gameTitle": "16_Puzzle",
+ "gameUrl": "16_Puzzle",
+ "thumbnailUrl": "16_Puzzle.png"
+},
+"420":{
+ "gameTitle" : "Colour_Generator_Game",
+ "gameUrl": "Colour_Generator_Game",
+ "thumbnailUrl": "Colour_Generator_Game.png"
+ },
+"406":{
+ "gameTitle": "Knife_hit",
+ "gameUrl": "Knife_hit",
+ "thumbnailUrl": "Knife_hit.png"
+},"415":{
+ "gameTitle": "Anagram_Checker_Game",
+ "gameUrl": "Anagram_Checker_Game",
+ "thumbnailUrl": "Anagram_Checker_Game.png"
+
+},
+"407":{
+ "gameTitle": "Screen_Pet_Game",
+ "gameUrl": "Screen_Pet_Game",
+ "thumbnailUrl": "Screen_Pet_Game.png"
+
+},"416":{
+
+
+ "gameTitle": "rapid_click_frenzy",
+ "gameUrl": "rapid_click_frenzy",
+ "thumbnailUrl": "rapidgame.png"
+
+
+
+}
+ ,"408":{
+ "gameTitle": "Pen_Pointer_Fight",
+ "gameUrl": "PenPointerFight",
+ "thumbnailUrl": "PenPointerFight.png"
+ },
+"409":{
+ "gameTitle": "Guess_The_Song",
+ "gameUrl": "Guess_The_Song",
+ "thumbnailUrl": "Guess_The_Song.png"
+}
+
+},"418":{
+ "gameTitle": "Brick Buster",
+ "gameUrl": "Brick Buster",
+ "thumbnailUrl": "Brick.png"
+ }
+
+
+
+},"410":{
+ "gameTitle": "Brick Buster",
+ "gameUrl": "Brick Buster",
+ "thumbnailUrl": "Brick.png"
+ },
+ "419":{
+ "gameTitle": "Soccer",
+ "gameUrl": "Soccer",
+ "thumbnailUrl": "Soccer"
+},
+"411":{"gameTitle": "Pen_Pointer_Fight",
+"gameUrl": "PenPointerFight",
+"thumbnailUrl": "PenPointerFight.png"
+},
+
+
"398": {
"gameTitle": "path finder puzzle",
"gameUrl": "path_finder",
@@ -2101,6 +2231,7 @@
"thumbnailUrl": "MathQuiz.png"
},
"418":{
+
"gameTitle": "MathQuiz",
"gameUrl": "MathQuiz",
"thumbnailUrl": "MathQuiz.png"
@@ -2109,16 +2240,21 @@
"gameTitle":"Puzzle-Game",
"gameUrl":"puzzle-game",
"thumbnailUrl":"puzzle-game.png"
-}
-<<<<<<< HEAD
+},
+
+
+
"419":{
"gameTitle": "Pottery",
"gameUrl": "Pottery-Game",
"thumbnailUrl": "Pottery.png"
-=======
->>>>>>> c24ab932e1702441882a65b80d713ea232e18c46
-
-}
-}
+},
+"421":{
+ "gameTitle":"Fidget_Spinner_Game",
+ "gameUrl":"Fidget_Spinner_Game",
+ "thumbnailUrl":"Fidget.png"
+},
+
+
+ KeySymphony +
+
+ Sound
+
+
+
+ Show Keys
+
+ -
+
- a +
- w +
- s +
- e +
- d +
- f +
- t +
- g +
- y +
- h +
- u +
- j +
- k +
- o +
- l +
- p +
- ; + +