Hurry up with the update of the SacraSchool simulator!!!! 🤬💢game's game

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

No:872

192

←

Prev Next

→

Hurry up with the update of the SacraSchool simula..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/17 21:31:46
Build time 37.962 sec｜Game capacity 2.966KB｜

Script

タイトル：🐱キャットランゲーム概要：プレイヤーは可愛い猫を操作して、障害物をジャンプしていくランニングゲームです。途中で集めた魚でアイテムを買い、より長く遊べるようになります。操作方法：スマホの画面をタップしてジャンプします。長くタップすると、ジャンプの高さが変わります。実装：

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

タイトル：🐱キャットラン

ゲーム概要：プレイヤーは可愛い猫を操作して、障害物をジャンプしていくランニングゲームです。途中で集めた魚でアイテムを買い、より長く遊べるようになります。

操作方法：スマホの画面をタップしてジャンプします。長くタップすると、ジャンプの高さが変わります。

実装：

<!DOCTYPE html>
<html>
<head>
	<title>キャットラン</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="400" height="200"></canvas>

let player = {
			x: 50,
			y: 150,
			jumpHeight: 100,
			vy: 0,
			width: 20,
			height: 20,
			color: "black"
		};

let obstacles = [];
		let fish = 0;

function drawPlayer() {
			ctx.fillStyle = player.color;
			ctx.fillRect(player.x, player.y, player.width, player.height);
		}

function jump() {
			player.vy = -7;
		}

function drawObstacle(obstacle) {
			ctx.fillStyle = "red";
			ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
		}

function newObstacle() {
			let obstacle = {
				x: canvas.width,
				y: canvas.height - 20,
				width: 20,
				height: 20
			};
			obstacles.push(obstacle);
		}

function drawFish() {
			ctx.font = "20px serif";
			ctx.fillText(`Fish: ${fish}`, 10, 25);
		}

function buyItem() {
			if (fish >= 10) {
				player.jumpHeight += 50;
				fish -= 10;
			}
		}

function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
			player.y += player.vy;
			player.vy += 0.5;
			if (player.y + player.height > canvas.height) {
				player.y = canvas.height - player.height;
				player.vy = 0;
			}
			if (player.y < canvas.height - player.jumpHeight) {
				player.vy = 0;
			}
			if (player.x + player.width > canvas.width) {
				player.x = canvas.width - player.width;
			}
			if (player.x < 0) {
				player.x = 0;
			}

if (Math.random() < 0.01) {
				newObstacle();
			}
			obstacles.forEach(obstacle => {
				drawObstacle(obstacle);
				obstacle.x -= 3;
				if (obstacle.x + obstacle.width < 0) {
					obstacles.splice(0, 1);
				}
				if (obstacle.x < player.x + player.width && obstacle.x + obstacle.width > player.x) {
					if (player.y + player.height > obstacle.y) {
						location.reload(); // game over
					}
				}
			});

drawFish();
			if (Math.random() < 0.002) {
				fish++;
			}

canvas.addEventListener("touchstart", jump);
			canvas.addEventListener("mousedown", jump);

ctx.font = "10px serif";
			ctx.fillText(`Tap or click to jump`, canvas.width - 100, canvas.height - 25);

requestAnimationFrame(draw);
		}

setInterval(newObstacle, 1500);

setInterval(buyItem, 5000);

draw();
	</script>
</body>
</html>