The game consist in being a ball (black at first and then you ca change the colors buying them with money from the app that you earn by playing) and you have to pass through falling objects without hitting them and as you move forward they become faster making it more difficult there's also a good falling objects which if you take you can get a shield, earn some extra app money, make objects temporarily slower or have a cannon to destroy 5 objects.'s game

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

No:6834

←

Prev Next

→

The game consist in being a ball (black at first a..ALL
Developer User3933｜Date and time 23/7/3 23:19:26
Build time 67.05 sec｜Game capacity 5.49KB｜

Script

Sure! Here's a sample game that meets your requirements:

You can copy and paste this code into a single HTML file and open it in a web browser to play the game. The game starts when you click the "Start Game" button. The objective is to control the black ball using mouse/touch input and avoid colliding with the falling objects. As you progress and earn money, you can unlock new ball colors.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's a sample game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
	<title>Ball Game</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="480" height="320"></canvas>

// Ball object
		let ball = {
			x: 240,
			y: 300,
			radius: 10,
			dx: 5,
			color: ballColor
		};

// Falling objects array
		let fallingObjects = [];

// Good objects array
		let goodObjects = [];

// Game state variables
		let gameStarted = false;
		let gameOver = false;

// Event listener for mouse/touch input
		document.addEventListener('mousemove', moveBall);
		document.addEventListener('touchmove', moveBall);

// Function to handle ball movement
		function moveBall(event) {
			if (!gameStarted || gameOver) return;

let canvas = document.getElementById('gameCanvas');
			let rect = canvas.getBoundingClientRect();
			let mouseX = event.clientX - rect.left;
			ball.x = mouseX;
		}

// Function to generate falling objects
		function generateFallingObjects() {
			if (!gameStarted || gameOver) return;

let object = {
				x: Math.random() * 460 + 10,
				y: -10,
				width: 20,
				height: 20,
				dy: Math.random() * 5 + 1
			};

fallingObjects.push(object);

// Increase difficulty by making objects fall faster over time
			if (score % 10 === 0 && score !== 0) {
				fallingObjects.forEach(obj => {
					obj.dy += 1;
				});
			}

// Generate good objects
			if (Math.random() < 0.02) {
				let goodObject = {
					x: Math.random() * 460 + 10,
					y: -10,
					width: 20,
					height: 20,
					dy: Math.random() * 5 + 1,
					type: Math.floor(Math.random() * 4) + 1 // 1: shield, 2: extra money, 3: slow objects, 4: cannon
				};

goodObjects.push(goodObject);
			}
		}

// Function to update game state
		function updateGame() {
			if (!gameStarted || gameOver) return;

let canvas = document.getElementById('gameCanvas');
			let context = canvas.getContext('2d');

// Clear canvas
			context.clearRect(0, 0, canvas.width, canvas.height);

// Move and draw falling objects
			fallingObjects.forEach(obj => {
				obj.y += obj.dy;
				context.fillRect(obj.x, obj.y, obj.width, obj.height);

// Check collision with ball
				if (
					ball.x < obj.x + obj.width &&
					ball.x + ball.radius > obj.x &&
					ball.y < obj.y + obj.height &&
					ball.y + ball.radius > obj.y
				) {
					gameOver = true;
				}
			});

// Move and draw good objects
			goodObjects.forEach(obj => {
				obj.y += obj.dy;

// Generate different shapes for good objects
				switch (obj.type) {
					case 1:
						context.fillStyle = '#00FF00'; // Shield
						context.fillRect(obj.x, obj.y, obj.width, obj.height);
						break;
					case 2:
						context.fillStyle = '#FFFF00'; // Extra money
						context.fillRect(obj.x, obj.y, obj.width, obj.height);
						break;
					case 3:
						context.fillStyle = '#0000FF'; // Slow objects
						context.fillRect(obj.x, obj.y, obj.width, obj.height);
						break;
					case 4:
						context.fillStyle = '#FFA500'; // Cannon
						context.fillRect(obj.x, obj.y, obj.width, obj.height);
						break;
				}

// Check collision with ball
				if (
					ball.x < obj.x + obj.width &&
					ball.x + ball.radius > obj.x &&
					ball.y < obj.y + obj.height &&
					ball.y + ball.radius > obj.y
				) {
					goodObjects.splice(goodObjects.indexOf(obj), 1);

// Perform action based on good object type
					switch (obj.type) {
						case 1: // Shield
							ball.color = 'blue';
							break;
						case 2: // Extra money
							money += 10;
							break;
						case 3: // Slow objects
							fallingObjects.forEach(fo => {
								fo.dy -= 1;
							});
							break;
						case 4: // Cannon
							for (let i = 0; i < 5; i++) {
								if (fallingObjects.length > 0) fallingObjects.pop();
							}
							break;
					}
				}
			});

// Draw ball
			context.fillStyle = ball.color;
			context.beginPath();
			context.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
			context.fill();

// Draw score and money
			context.font = '16px Arial';
			context.fillStyle = 'black';
			context.fillText('Score: ' + score, 10, 20);
			context.fillText('Money: $' + money, 10, 40);

// Update game state
			if (!gameOver) {
				score++;

// Generate falling objects every 100 milliseconds
				setTimeout(generateFallingObjects, 100);

// Update ball color based on the money earned
				if (money >= 100) ball.color = 'red';
				if (money >= 200) ball.color = 'green';
				if (money >= 300) ball.color = 'yellow';

// Call updateGame function recursively
				requestAnimationFrame(updateGame);
			} else {
				// Game over message
				context.font = '32px Arial';
				context.fillStyle = 'red';
				context.fillText('Game Over!', canvas.width / 2 - 100, canvas.height / 2);
			}
		}

// Start the game on button click
		function startGame() {
			if (gameStarted) return;

gameStarted = true;
			updateGame();
		}
	</script>

<button onclick="startGame()">Start Game</button>
</body>
</html>
```