<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>怪物イラスト自動生成アプリ</title>
</head>
<body>
<h1>怪物イラスト自動生成アプリ</h1>
<img id="monsterImg" src="">
<button onclick="generateMonster()">作成する</button>
<script>
const monsterBodyParts = [
"ba", "be", "bi", "bo", "bu",
"da", "de", "di", "do", "du",
"ga", "ge", "gi", "go", "gu",
"ha", "he", "hi", "ho", "hu",
"ja", "je", "ji", "jo", "ju",
"ka", "ke", "ki", "ko", "ku",
"ma", "me", "mi", "mo", "mu",
"na", "ne", "ni", "no", "nu",
"pa", "pe", "pi", "po", "pu",
"ra", "re", "ri", "ro", "ru",
"sa", "se", "si", "so", "su",
"ta", "te", "ti", "to", "tu",
"va", "ve", "vi", "vo", "vu",
"wa", "we", "wi", "wo", "wu",
"ya", "yo", "yu",
"za", "ze", "zi", "zo", "zu"
];
const monsterEyes = [
"closed-eyes", "default-eyes", "big-eyes"
];
const monsterMouths = [
"closed-mouth", "smiling-mouth", "surprised-mouth", "tongue-out-mouth"
];
const monsterColors = [
"red", "blue", "green", "purple", "orange", "yellow", "pink", "black", "white", "gray"
];
function generateMonster() {
const randomBody = monsterBodyParts[Math.floor(Math.random() * monsterBodyParts.length)];
const randomEyes = monsterEyes[Math.floor(Math.random() * monsterEyes.length)];
const randomMouth = monsterMouths[Math.floor(Math.random() * monsterMouths.length)];
const randomColor = monsterColors[Math.floor(Math.random() * monsterColors.length)];
const imageUrl = `https://www.monstermaker.com/${randomColor}-monster-${randomBody}-${randomEyes}-${randomMouth}.png`;
document.getElementById("monsterImg").setAttribute("src", imageUrl);
}
</script>
</body>
</html>
ジョーク：怪物に襲われたくない人はこのアプリを使わない方が良いかもしれません！
