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

No:3192

372

Change the text! Change the text at the touch of a..ALL
Developer User3589｜Date and time 23/6/24 5:34:40
Build time 26.152 sec｜Game capacity 2.453KB｜

以下は、JavaScriptを含む1枚のhtmlファイルで実装された、スマホで遊べるゲームの例です。

文字を変更しよう！

こんにちは、世界！

このゲームは、「変更する」というボタンをクリックすると、表示される文章がランダムに変わります。スマホでも使いやすいように、フォントサイズやボタンのサイズを調整しています。また、文字色や背景色も見やすくなるように設定しました。例えば、「変更する」ボタンをクリックすると、「やあ、おいらだよ！」や「俺様が来たぜ！」といった、さまざまな文章が表示されます。ランダムに選ばれる文章は、最初に配列で定義されています。この配列には、必要な分だけ文章を追加することができます。このように、1枚のhtmlファイルでJavaScriptを使ってプログラムを実装することで、スマホでも遊べるゲームを作ることができます。使いやすいUIデザインや、ランダムな要素を取り入れることで、より興味深いゲームを作ることができます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下は、JavaScriptを含む1枚のhtmlファイルで実装された、スマホで遊べるゲームの例です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文字を変更しよう！</title>
	<style>
		body {
			background-color: #E3F2FD;
			text-align: center;
			font-size: 2em;
			font-family: Arial, sans-serif;
			color: #1976D2;
		}

button {
			background-color: #1976D2;
			color: #FFFFFF;
			border: none;
			border-radius: 0.5em;
			padding: 0.5em 1em;
			font-size: 1em;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>文字を変更しよう！</h1>
	<p id="text">こんにちは、世界！</p>
	<button id="changeText">変更する</button>

<script>
		// 文章の配列
		var texts = [
			"やあ、おいらだよ！",
			"何か面白いこと言ってみない？",
			"俺様が来たぜ！",
			"よう、今日も調子はどうだ？",
			"ただいまー！",
			"どうだ、最高にかっこいいだろ？"
		];

// テキストを変更する関数
		function change() {
			// ランダムに文章を選択する
			var index = Math.floor(Math.random() * texts.length);
			var text = texts[index];

// テキストを変更する
			document.getElementById("text").textContent = text;
		}

// 変更ボタンがクリックされたら文字を変更する
		document.getElementById("changeText").addEventListener("click", change);
	</script>
</body>
</html>

このゲームは、「変更する」というボタンをクリックすると、表示される文章がランダムに変わります。スマホでも使いやすいように、フォントサイズやボタンのサイズを調整しています。また、文字色や背景色も見やすくなるように設定しました。

例えば、「変更する」ボタンをクリックすると、「やあ、おいらだよ！」や「俺様が来たぜ！」といった、さまざまな文章が表示されます。ランダムに選ばれる文章は、最初に配列で定義されています。この配列には、必要な分だけ文章を追加することができます。

このように、1枚のhtmlファイルでJavaScriptを使ってプログラムを実装することで、スマホでも遊べるゲームを作ることができます。使いやすいUIデザインや、ランダムな要素を取り入れることで、より興味深いゲームを作ることができます。