AI game creator

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

No:2042

4784

←

Prev Next

→

Up your self-esteem
Developer anonymous｜Date and time 70/1/1 9:33:11
Build time unknown sec｜Game capacity 1.991KB｜

Script

←

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 {
			margin: 0;
			padding: 0;
			background-color: #f1f1f1;
			font-family: Arial, sans-serif;
			overflow: hidden;
		}
		.word {
			position: absolute;
			animation: rotate 5s infinite linear;
			z-index: 1;
		}
		@keyframes rotate {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<script>
		const words = [
			"生きてるだけで偉い！！",
			"天才！！神！！",
			"ゲーム作れるあなたマジ神！！",
			"あなたは尊い",
			"かわいい！かっこいい！",
			"だいすき♡",
			"今日も頑張ったね！！",
			"偉すぎ……！！",
			"よく頑張ったね",
			"お疲れさま",
			"凄すぎて震える",
			"天才すぎて脱帽",
			"生きてて偉すぎる",
			"あなたは本当に素晴らしい",
			"すごすぎ！！"
		];

const MIN_WORDS = 5;
		const MAX_WIDTH = window.innerWidth;
		const MAX_HEIGHT = window.innerHeight;
		const MAX_FONT_SIZE = 50;
		const MIN_FONT_SIZE = 10;
		let wordsDOM = [];

function createWord() {
			const word = document.createElement("div");
			word.className = "word";
			word.style.left = Math.floor(Math.random() * MAX_WIDTH) + "px";
			word.style.top = Math.floor(Math.random() * MAX_HEIGHT) + "px";
			word.style.fontSize = Math.floor(Math.random() * (MAX_FONT_SIZE - MIN_FONT_SIZE + 1) + MIN_FONT_SIZE) + "px";
			word.innerHTML = words[Math.floor(Math.random() * words.length)];
			document.body.appendChild(word);
			wordsDOM.push(word);
			if (wordsDOM.length > MIN_WORDS) {
				document.body.removeChild(wordsDOM.shift());
			}
		}

function resize() {
			MAX_WIDTH = window.innerWidth;
			MAX_HEIGHT = window.innerHeight;
		}

setInterval(createWord, 1000);
		window.addEventListener("resize", resize);
		document.body.addEventListener("click", createWord);
	</script>
</body>
</html>