キャラクタのスケールに合わせたサイズ調整の計算機を作ってみました。以下のネタの発展系です（^o^）
Bambu Studio Lessons 14 キャラクタのスケールに合わせたサイズ調整 2026/07/08
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>うさぎの高さ計算</title>
<style>
body {
background: black;
color: white;
}
input {
width: 80px;
margin: 5px;
}
</style>
</head>
<body>
<center>
<h3>うさぎの耳までの高さ計算</h3>
<p>
基準の頭までの高さ：
<input type="number" id="baseHead" value="100">
</p>
<p>
基準の耳までの高さ：
<input type="number" id="baseEar" value="140">
</p>
<hr>
<p>
新しい頭までの高さ：
<input type="number" id="newHead">
</p>
<button onclick="calculate()">計算</button>
<p id="result"></p>
<script>
function calculate() {
const baseHead =
parseFloat(document.getElementById("baseHead").value);
const baseEar =
parseFloat(document.getElementById("baseEar").value);
const newHead =
parseFloat(document.getElementById("newHead").value);
if (isNaN(baseHead) || isNaN(baseEar) ||
isNaN(newHead) || baseHead <= 0) {
document.getElementById("result").textContent =
"正しい数値を入力してください。";
return;
}
const ratio = baseEar / baseHead;
const newEar = newHead * ratio;
document.getElementById("result").textContent =
`耳までの高さは ${newEar.toFixed(1)} です。`;
}
</script>
</center>
</body>
</html>
実行し、頭までの高さと耳までの高さ、新しい耳までの高さを入力して ［計算］をクリックすれば・・・
答えが得られます。
