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

No:1592

1271

←

Prev Next

→

Alchemist simulator
Developer AI絵師｜Date and time 23/6/18 19:12:16
Build time 38.513 sec｜Game capacity 3.569KB｜

Script

Alchemist Simulator

あなたは錬金術師の見習いです。目標は、様々な材料を煮炊き、新しい物質を作り出すことです。

操作方法：画面に表示されている材料を指でタップして、入れ物に投入します。

以下の材料を投入することで、新しい物質ができます。

水 + 火 = 蒸気
蒸気 + 冷却器 = 水
水 + 土 = 泥
火 + 土 = 焦げた物質
泥 + 焦げた物質 = 陶土
水 + 陶土 = 粘土
火 + 陶土 = 陶器
蒸気 + 陶器 = ティーセット

💧

🔥

❄️

🌱

🌋

←

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>Alchemist Simulator</title>
</head>
<body>
	<h1>Alchemist Simulator</h1>
	<p>あなたは錬金術師の見習いです。目標は、様々な材料を煮炊き、新しい物質を作り出すことです。</p>
	<p>操作方法：画面に表示されている材料を指でタップして、入れ物に投入します。</p>
	<p>以下の材料を投入することで、新しい物質ができます。</p>
	<ul>
		<li>水 + 火 = 蒸気</li>
		<li>蒸気 + 冷却器 = 水</li>
		<li>水 + 土 = 泥</li>
		<li>火 + 土 = 焦げた物質</li>
		<li>泥 + 焦げた物質 = 陶土</li>
		<li>水 + 陶土 = 粘土</li>
		<li>火 + 陶土 = 陶器</li>
		<li>蒸気 + 陶器 = ティーセット</li>
	</ul>
	<div id="container">
		<div id="water" class="ingredient" draggable="true">💧</div>
		<div id="fire" class="ingredient" draggable="true">🔥</div>
		<div id="steam" class="ingredient" droppable="true"></div>
		<div id="cooler" class="ingredient" draggable="true">❄️</div>
		<div id="soil" class="ingredient" draggable="true">🌱</div>
		<div id="burnt" class="ingredient" draggable="true">🌋</div>
		<div id="clay" class="ingredient" droppable="true"></div>
		<div id="pottery" class="ingredient" droppable="true"></div>
		<div id="teaset" class="ingredient" droppable="true"></div>
	</div>

// イベントリスナーの登録
		for (var i = 0; i < ingredients.length; i++) {
			ingredients[i].addEventListener("dragstart", dragStart);
			ingredients[i].addEventListener("dragover", dragOver);
			ingredients[i].addEventListener("drop", dropped);
		}

// ドラッグ開始時に呼び出される関数
		function dragStart(event) {
			event.dataTransfer.setData("text", event.target.id);
			newIngredient = "";
		}

// ドラッグオーバー時に呼び出される関数
		function dragOver(event) {
			event.preventDefault();
		}

// ドロップ時に呼び出される関数
		function dropped(event) {
			event.preventDefault();
			var id = event.dataTransfer.getData("text");
			var target = event.target.id;
			newIngredient = "";
			// 材料が投入できる条件を満たしているかチェック
    		switch (id + "_" + target) {
        		case "water_fire":
            	case "fire_water":
               		newIngredient = "steam";
                	break;
        		case "steam_cooler":
               		newIngredient = "water";
    	          	break;
        		case "water_soil":
            		newIngredient = "mud";
            		break;
        		case "fire_soil":
            		newIngredient = "burnt";
            		break;
        		case "mud_burnt":
            		newIngredient = "clay";
            		break;
        		case "water_clay":
            		newIngredient = "clay";
            		break;
        		case "fire_clay":
            		newIngredient = "pottery";
            		break;
        		case "steam_pottery":
            		newIngredient = "teaset";
            		break;
        		default:
            		resetIngredients();
            		return false;
    		}
    		if (newIngredient != "") {
        		resetIngredients();
        		document.getElementById(target).innerHTML = newIngredient;
    		}
		}

// 材料を初期状態に戻す関数
		function resetIngredients() {
			for (var i = 0; i < ingredients.length; i++) {
				ingredients[i].innerHTML = "";
			}
		}
	</script>
</body>
</html>