There is a love, first to find a one coin coins, do not want to care about him ran, and then the love has been going on the road to find him, there are many obstacles on the road's game

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

No:3058

3084

←

Prev Next

→

There is a love, first to find a one coin coins, d..ALL
Developer User3658｜Date and time 23/6/23 16:31:05
Build time 29.233 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>

<style>

canvas {

border: 1px solid black;

}

</style>

</head>

<body>

const COIN_SIZE = 20;

const HEART_SIZE = 30;

const MAX_SPEED = 7;

const NUM_COINS = 5;

const PLAYER_MOVE_AMOUNT = 10;

var score = 0;

var coinsCaught = 0;

var playerX = 10;

var playerY = 10;

var coins = [];

var heartImage = new Image();

heartImage.src = "heart.png";

var coinImage = new Image();

coinImage.src = "coin.png";

var gameCanvas = document.getElementById("gameCanvas");

var ctx = gameCanvas.getContext("2d");

function distance(x1, y1, x2, y2) {

var dx = x1 - x2;

var dy = y1 - y2;

return Math.sqrt(dx * dx + dy * dy);

}

function handleInput(event) {

if (event.keyCode == 37 && playerX > PLAYER_MOVE_AMOUNT) {

playerX -= PLAYER_MOVE_AMOUNT;

}

if (event.keyCode == 38 && playerY > PLAYER_MOVE_AMOUNT) {

playerY -= PLAYER_MOVE_AMOUNT;

}

if (event.keyCode == 39 && playerX < gameCanvas.width - HEART_SIZE - PLAYER_MOVE_AMOUNT) {

playerX += PLAYER_MOVE_AMOUNT;

}

if (event.keyCode == 40 && playerY < gameCanvas.height - HEART_SIZE - PLAYER_MOVE_AMOUNT) {

playerY += PLAYER_MOVE_AMOUNT;

}

function createCoin() {

var coinX = Math.random() * (gameCanvas.width - COIN_SIZE);

var coinY = Math.random() * (gameCanvas.height - COIN_SIZE);

coins.push({

x: coinX,

y: coinY,

speed: Math.random() * MAX_SPEED + 1

});

}

function update() {

if (coinsCaught < NUM_COINS) {

if (Math.random() < 0.05) {

createCoin();

}

ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);

ctx.drawImage(heartImage, playerX, playerY, HEART_SIZE, HEART_SIZE);

for (var i = 0; i < coins.length; i++) {

ctx.drawImage(coinImage, coins[i].x, coins[i].y, COIN_SIZE, COIN_SIZE);

coins[i].y += coins[i].speed;

if (distance(playerX + HEART_SIZE / 2, playerY + HEART_SIZE / 2, coins[i].x + COIN_SIZE / 2, coins[i].y + COIN_SIZE / 2) < (HEART_SIZE + COIN_SIZE) / 2) {

coins.splice(i, 1);

coinsCaught++;

score += 10;

}

if (coins[i].y > gameCanvas.height + COIN_SIZE) {

coins.splice(i, 1);

}

ctx.fillText("得分: " + score, 10, gameCanvas.height - 10);

if (coinsCaught == NUM_COINS) {

ctx.fillText("游戏结束!", 150, gameCanvas.height - 10);

}

document.addEventListener("keydown", handleInput);

setInterval(update, 30);

</script>

</body>

</html>

*本示例为简化版示例，仅用于说明实现方式。