AI game creator

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

No:417

169

←

Prev Next

→

Infinite 1up
Developer User3044｜Date and time 23/6/14 0:05:44
Build time 41.634 sec｜Game capacity 2.354KB｜

Script

Game description. Players control a Mario-like character in the center of the screen.、A 1UP will appear where you clicked, and you will receive 1 point for each 1UP you took. The objective is to accumulate scores.、It is to keep getting 1ups indefinitely. The game is designed to be operated with a smartphone.、To get 1UP, tap the screen. A number of pictograms are also used and、It creates a lovely atmosphere.

←

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>無限1UP</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			font-family: sans-serif;
			text-align: center;
		}
		canvas {
			background-color: #eeeeee;
			margin: 0 auto;
			display: block;
		}
		button {
			margin: 10px;
			font-size: 20px;
			padding: 10px 20px;
			border: none;
			background-color: #2196f3;
			color: #ffffff;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="320" height="480"></canvas>
	<button id="startButton">スタート</button>

var playerX = canvas.width / 2;
	var playerY = canvas.height / 2;
	var playerR = 20;
	var playerColor = "#ff5722";
	var score = 0;

function drawPlayer() {
		ctx.beginPath();
		ctx.arc(playerX, playerY, playerR, 0, 2*Math.PI);
		ctx.fillStyle = playerColor;
		ctx.fill();
		ctx.closePath();
	}

function drawText(text, x, y, size, color) {
		ctx.font = size + "px sans-serif";
		ctx.fillStyle = color;
		ctx.fillText(text, x, y);
	}

function drawScore() {
		drawText("スコア：" + score, 10, 30, 20, "#000000");
	}

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

function update() {
		clearCanvas();
		drawPlayer();
		drawScore();
	}

function startGame() {
		setInterval(update, 10);
	}

document.getElementById("startButton").addEventListener("click", startGame);

// 1UPの追加
	canvas.addEventListener("click", function(event) {
		var rect = canvas.getBoundingClientRect();
		var x = event.clientX - rect.left;
		var y = event.clientY - rect.top;
		var distance = Math.sqrt(Math.pow(playerX - x, 2) + Math.pow(playerY - y, 2));
		if (distance < playerR) {
			score++;
		}
	});

</script>
</body>
</html>

【ゲームの説明】
プレイヤーは画面中央のマリオのようなキャラクターを操作し、クリックした箇所に1UPが出現します。1UPを取るとスコアが1ポイント加算されます。目的はスコアを積み上げ、無限に1UPを取り続けることです。スマートフォンでの操作が前提となっており、1UPを取るには画面をタップします。絵文字も多数使用し、可愛らしい雰囲気を演出しています。