ADD 2d Is a game where fruits fly up Drag your finger on the fruits Make sure You don't Slice the bombs or game over Add Juice on the background when you slice a fruit Add a wooden background Add all fruits Add Scores When you slice a fruit A endless game the fruits will fall down You will lose your score If you Don't slice a fruit's game

Click here for free DL of the app version that can save data.

No:19098

←

Prev Next

→

ADD 2d Is a game where fruits fly up Drag your fin..ALL
Developer User7456｜Date and time 23/10/1 19:02:55
Build time 12.606 sec｜Game capacity 2.648KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ADD 2d Game</title>
	<style>
		canvas {
			border: 1px solid black;
			background-color: #dcdcdc;
		}
	</style>
</head>
<body>
	<script>
		document.addEventListener("DOMContentLoaded", function() {
			
			// Initialize canvas
			const canvas = document.createElement("canvas");
			canvas.width = window.innerWidth;
			canvas.height = window.innerHeight;
			document.body.appendChild(canvas);
			
			const ctx = canvas.getContext("2d");
			let score = 0;
			let gameEnded = false;
			
			const fruits = [
				{ name: "apple", img: "🍎" },
				{ name: "banana", img: "🍌" },
				{ name: "orange", img: "🍊" },
				{ name: "grapes", img: "🍇" }
			];
			
			const bombs = [
				{ name: "bomb", img: "💣" }
			];
			
			class Fruit {
				constructor(x, y, type) {
					this.x = x;
					this.y = y;
					this.type = type;
				}
				
				draw() {
					ctx.font = "30px Arial";
					ctx.fillText(this.type.img, this.x, this.y);
				}
				
				update() {
					this.y -= 3;
					
					if (this.y < -100) {
						fruits.splice(fruits.indexOf(this), 1);
						score--;
					}
					
					if (this.x > fingerX - 30 && this.x < fingerX + 30 && this.y > fingerY - 30 && this.y < fingerY + 30) {
						if (this.type === "bomb") {
							gameOver();
						} else {
							fruits.splice(fruits.indexOf(this), 1);
							score++;
						}
					}
				}
			}
			
			function spawnFruit() {
				const randomFruit = fruits[Math.floor(Math.random() * fruits.length)];
				const x = Math.random() * (canvas.width - 50);
				const y = canvas.height + 100;
				fruits.push(new Fruit(x, y, randomFruit));
			}
			
			function gameOver() {
				ctx.fillStyle = "red";
				ctx.font = "60px Arial";
				ctx.fillText("Game Over", canvas.width / 2 - 150, canvas.height / 2);
				gameEnded = true;
			}
			
			function animate() {
				ctx.clearRect(0, 0, canvas.width, canvas.height);
				
				if (!gameEnded) {
					if (Math.random() < 0.02) {
						spawnFruit();
					}
					
					fruits.forEach((fruit) => {
						fruit.draw();
						fruit.update();
					});
					
					ctx.fillStyle = "orange";
					ctx.font = "20px Arial";
					ctx.fillText("Score: " + score, 10, 30);
				}
				
				requestAnimationFrame(animate);
			}
			
			let fingerX = -100;
			let fingerY = -100;
			
			canvas.addEventListener("touchmove", function(event) {
				event.preventDefault();
				fingerX = event.touches[0].clientX;
				fingerY = event.touches[0].clientY;
			});
			
			canvas.addEventListener("touchend", function(event) {
				fingerX = -100;
				fingerY = -100;
			});
			
			animate();
		});
	</script>
</body>
</html>