thinkswell · NitkarshChourasia · Jan 12, 2024 · Oct 22, 2023 · Oct 22, 2023 · Oct 22, 2023
diff --git a/FruitsGame/AmaanFarooquee/images/apple.png b/FruitsGame/AmaanFarooquee/images/apple.png
diff --git a/FruitsGame/AmaanFarooquee/images/apple2.png b/FruitsGame/AmaanFarooquee/images/apple2.png
diff --git a/FruitsGame/AmaanFarooquee/images/back.jpg b/FruitsGame/AmaanFarooquee/images/back.jpg
diff --git a/FruitsGame/AmaanFarooquee/images/banana.png b/FruitsGame/AmaanFarooquee/images/banana.png
diff --git a/FruitsGame/AmaanFarooquee/images/banana2.png b/FruitsGame/AmaanFarooquee/images/banana2.png
diff --git a/FruitsGame/AmaanFarooquee/images/basket.png b/FruitsGame/AmaanFarooquee/images/basket.png
diff --git a/FruitsGame/AmaanFarooquee/images/basket2.png b/FruitsGame/AmaanFarooquee/images/basket2.png
diff --git a/FruitsGame/AmaanFarooquee/images/melon.png b/FruitsGame/AmaanFarooquee/images/melon.png
diff --git a/FruitsGame/AmaanFarooquee/images/melon2.png b/FruitsGame/AmaanFarooquee/images/melon2.png
diff --git a/FruitsGame/AmaanFarooquee/images/orange.png b/FruitsGame/AmaanFarooquee/images/orange.png
diff --git a/FruitsGame/AmaanFarooquee/images/orange2.png b/FruitsGame/AmaanFarooquee/images/orange2.png
diff --git a/FruitsGame/AmaanFarooquee/images/pineapple.png b/FruitsGame/AmaanFarooquee/images/pineapple.png
diff --git a/FruitsGame/AmaanFarooquee/images/pineapple2.png b/FruitsGame/AmaanFarooquee/images/pineapple2.png
diff --git a/FruitsGame/AmaanFarooquee/index.html b/FruitsGame/AmaanFarooquee/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Fruit Catcher</title>
+        <meta charset="UTF-8">
+    </head>
+    <style type="text/css">
+		canvas	
+		{
+            border: 1px solid black;
+            position: absolute;
+            background-color: transparent;
+		}
+
+	</style>
+
+    <script src="script.js"></script>
+
+    </head>
+    <body style="margin-left:15%; margin-top:3%;">
+        <canvas id="backgroundCanvas" width="1024" height="650"></canvas>
+        <canvas id="canvas" width="1024" height="650"></canvas>
+    </body>
+</html>
diff --git a/FruitsGame/AmaanFarooquee/script.js b/FruitsGame/AmaanFarooquee/script.js
@@ -0,0 +1,266 @@
+window.onload = function(){
+    var canvas = document.getElementById("canvas");
+    var context = canvas.getContext("2d");
+    var canvasBack = document.getElementById("backgroundCanvas");
+    var contextBack = canvasBack.getContext("2d");
+
+
+    var timer;
+
+    //Keeps track of hi score
+    var hiscore = 0;
+
+
+    var background = new Image();
+    background.src = 'images/back.jpg';
+
+
+    var player;
+    var fruits = [];
+    var numberOfFruits = 15;
+
+    //Player constructor
+    function Player()
+    {
+        this.gameOver = false;
+        this.score = 0;
+        this.fruitsCollected = 0;
+        this.fruitsMissed = 0;
+        this.playerWidth = 150;
+        this.playerHeight = 90;
+        this.playerSpeed = 10;
+        this.x = canvas.width / 2;
+        this.y = canvas.height - this.playerHeight;
+        this.playerImage = new Image();
+        this.playerImage.src = 'images/basket2.png';
+
+        //Draws the player
+        this.render = function()
+        {
+            context.drawImage(this.playerImage, this.x, this.y);
+        }
+
+        //Moves the player left
+        this.moveLeft = function()
+        {
+            if(this.x > 0)
+            {
+                this.x -= this.playerSpeed;
+            }
+        }
+
+        //Moves the player right
+        this.moveRight = function()
+        {
+            if(this.x < canvas.width - this.playerWidth)
+            {
+                this.x += this.playerSpeed;
+            }
+        }
+    }
+
+    //Fruit constructor
+    function Fruit()
+    {
+        this.fruitNumber = Math.floor(Math.random() * 5);
+        this.fruitType = "";
+        this.fruitScore = 0;
+        this.fruitWidth = 50;
+        this.fruitHeight = 50;
+        this.fruitImage = new Image();
+        this.fruitSpeed = Math.floor(Math.random() * 3 + 1);
+        this.x = Math.random() * (canvas.width - this.fruitWidth);
+        this.y = Math.random() * -canvas.height - this.fruitHeight;
+
+        //Creates a different kind of fruit depending on the fruit number
+        //which is generated randomly
+        this.chooseFruit = function()
+        {
+            if(this.fruitNumber == 0)
+            {
+                this.fruitType = "banana";
+                this.fruitScore = 5 * this.fruitSpeed;
+                this.fruitImage.src = 'images/banana2.png';
+            }
+            else if(this.fruitNumber == 1)
+            {
+                this.fruitType = "apple";
+                this.fruitScore = 10 * this.fruitSpeed;
+                this.fruitImage.src = 'images/apple2.png';
+            }
+            else if(this.fruitNumber == 2)
+            {
+                this.fruitType = "orange";
+                this.fruitScore = 15 * this.fruitSpeed;
+                this.fruitImage.src = 'images/orange2.png';
+            }
+            else if(this.fruitNumber == 3)
+            {
+                this.fruitType = "pineapple";
+                this.fruitScore = 20 * this.fruitSpeed;
+                this.fruitImage.src = 'images/pineapple2.png';
+            }
+            else if(this.fruitNumber == 4)
+            {
+                this.fruitType = "melon";
+                this.fruitScore = 25 * this.fruitSpeed;
+                this.fruitImage.src = 'images/melon2.png';
+            }
+        }
+
+
+        this.fall = function()
+        {
+            if(this.y < canvas.height - this.fruitHeight)
+            {
+                this.y += this.fruitSpeed;
+            }
+            else
+            {
+
+                player.fruitsMissed += 1;
+                this.changeState();
+                this.chooseFruit();
+            }
+            this.checkIfCaught();
+        }
+
+
+        this.checkIfCaught = function()
+        {
+            if(this.y >= player.y)
+            {
+                if((this.x > player.x && this.x < (player.x + player.playerWidth)) ||
+                  (this.x + this.fruitWidth > player.x && this.x + this.fruitWidth < (player.x + player.playerWidth)))
+                {
+
+
+                    player.score += this.fruitScore;
+                    player.fruitsCollected += 1;
+
+                    this.changeState();
+                    this.chooseFruit();
+                }
+            }
+        }
+
+        //Randomly updates the fruit speed, fruit number, which defines the type of fruit
+        //And also changes its x and y position on the canvas.
+        this.changeState = function()
+        {
+            this.fruitNumber = Math.floor(Math.random() * 5);
+            this.fruitSpeed = Math.floor(Math.random() * 3 + 1);
+            this.x = Math.random() * (canvas.width - this.fruitWidth);
+            this.y = Math.random() * -canvas.height - this.fruitHeight;
+        }
+
+        //Draws the fruit.
+        this.render = function()
+        {
+            context.drawImage(this.fruitImage, this.x, this.y);
+        }
+    }
+
+    //Adds controls. Left arrow to move left, right arrow to move right.
+    //ENTER to restart only works at the game over screen.
+    window.addEventListener("keydown", function(e)
+    {
+e.preventDefault();
+        if(e.keyCode == 37)
+        {
+            player.moveLeft();
+        }
+        else if(e.keyCode == 39)
+        {
+            player.moveRight();
+        }
+        else if(e.keyCode == 13 && player.gameOver == true)
+        {
+            main();
+            window.clearTimeout(timer);
+        }
+     });
+
+    main();
+
+    //Fills an array of fruits, creates a player and starts the game
+    function main()
+    {
+        contextBack.font = "bold 23px Velvetica";
+        contextBack.fillStyle = "black";
+        player = new Player();
+        fruits = [];
+
+        for(var i = 0; i < numberOfFruits; i++)
+        {
+            var fruit = new Fruit();
+            fruit.chooseFruit();
+            fruits.push(fruit);
+        }
+
+        startGame();
+    }
+
+    function startGame()
+    {
+        updateGame();
+        window.requestAnimationFrame(drawGame);
+    }
+
+    function updateGame()
+    {
+
+        if(player.fruitsMissed >= 10)
+        {
+            player.gameOver = true;
+        }
+
+        for(var j = 0; j < fruits.length; j++)
+        {
+            fruits[j].fall();
+        }
+        timer = window.setTimeout(updateGame, 30);
+    }
+
+    //Draws the player and fruits on the screen as well as info in the HUD.
+    function drawGame()
+    {
+        if(player.gameOver == false)
+        {
+            context.clearRect(0, 0, canvas.width, canvas.height);
+            contextBack.clearRect(0, 0, canvasBack.width, canvasBack.height);
+
+            contextBack.drawImage(background, 0, 0);
+            player.render();
+
+            for(var j = 0; j < fruits.length; j++)
+            {
+                fruits[j].render();
+            }
+            contextBack.fillText("SCORE: " + player.score, 50, 50);
+            contextBack.fillText("HI SCORE: " + hiscore, 250, 50);
+            contextBack.fillText("FRUIT CAUGHT: " + player.fruitsCollected, 500, 50);
+            contextBack.fillText("FRUIT MISSED: " + player.fruitsMissed, 780, 50);
+        }
+        else
+        {
+            //Different screen for game over.
+            for(var i = 0; i < numberOfFruits; i++)
+            {
+                console.log("Speed was" + fruits[fruits.length - 1].fruitSpeed);
+                fruits.pop();
+            }
+
+            if(hiscore < player.score)
+            {
+                hiscore = player.score;
+                contextBack.fillText("NEW HI SCORE: " + hiscore, (canvas.width / 2) - 100, canvas.height / 2);
+            }
+            contextBack.fillText("PRESS ENTER TO RESTART", (canvas.width / 2) - 140, canvas.height / 2 + 50);
+            context.clearRect(0, 0, canvas.width, canvas.height);
+
+        }
+        window.requestAnimationFrame(drawGame);
+
+    }
+}