AI game creator

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

No:1685

442

←

Prev Next

→

card game
Developer User3389｜Date and time 23/6/18 21:48:06
Build time 42.382 sec｜Game capacity 3.331KB｜

Script

made.

This card game is、If you open 16 cards.、Two cards of the same type can be matched. Matching cards are converted to points and、If you make a mistake, your score is reduced. If all cards match、Players can win. No problem to play on your phone. The pictograms are cute animals.

←

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>カードゲーム</title>
	<style>
		body {
			background-color: #EAEAEA;
			font-family: Arial, sans-serif;
			font-size: 18px;
		}

#board {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			margin: 25px auto;
			width: 80vw;
			height: 80vw;
			max-width: 600px;
			max-height: 600px;
			background-color: white;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
			border-radius: 10px;
			padding: 10px;
		}

.card {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 80px;
			height: 120px;
			background-color: white;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
			border-radius: 5px;
			margin: 5px;
			cursor: pointer;
			transition: transform 0.2s;
		}

.card:hover {
			transform: translateY(-5px);
		}

.card p {
			font-size: 48px;
			margin: 0;
			padding: 0;
		}

#score {
			font-size: 48px;
			text-align: center;
			margin-top: 20px;
		}

#message {
			font-size: 24px;
			text-align: center;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<div id="board"></div>
	<div id="score"></div>
	<div id="message"></div>

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

このカードゲームは、16枚のカードを開いたら、同じ種類のカードを2枚揃えることができます。一致したカードを得点に変換し、誤った場合は得点を減らします。すべてのカードが一致すると、プレイヤーは勝つことができます。スマホで遊んでも問題ありません。絵文字は可愛い動物のものを使用しました。