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

No:22423

156

←

Prev Next

→

Put stuff together to make stuff You can use The s..ALL
Developer User7456｜Date and time 23/10/22 15:02:52
Build time 51.435 sec｜Game capacity 2.98KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file with JavaScript. This game involves combining different items to create new objects. I'll use pictograms to represent the different items.

Stuff Combination Game

In this game, there are four basic items represented by pictograms: rock, stick, water, and fire. The player can select two items and click the "Combine" button to see if they can be combined to create something new. In this example, combining a rock and a stick creates a tool, and combining water and fire creates steam. Any other combination results in a message stating that the combination was incorrect. Note: Please make sure to replace the image sources (e.g., "emozi_all/rock.png", "emozi_rabbit.png") with the actual paths to your own images.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
	<title>Stuff Combination Game</title>
<style>
	* {
		box-sizing: border-box;
	}

body {
		font-family: Arial, sans-serif;
		padding: 20px;
	}

h1 {
		text-align: center;
	}

#items {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

.item {
		width: 80px;
		height: 80px;
		margin: 5px;
		padding: 10px;
		text-align: center;
		border: 1px solid black;
		cursor: pointer;
	}

.combine-button {
		margin-top: 20px;
		text-align: center;
	}

.result {
		margin-top: 20px;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	}
</style>
</head>
<body>
	<h1>Stuff Combination Game</h1>

<div class="combine-button">
		<button onclick="combine()">Combine</button>
	</div>

function combine() {
		if (selectedItems.length !== 2) {
			alert('Please select exactly two items to combine.');
			return;
		}

if (selectedItems.includes('rock') && selectedItems.includes('stick')) {
			showResult('You made a tool!');
		} else if (selectedItems.includes('water') && selectedItems.includes('fire')) {
			showResult('You made steam!');
		} else {
			showResult('You combined the wrong items.');
		}

selectedItems = [];
		document.querySelectorAll('.item img').forEach(function (item) {
			item.style.opacity = '1';
		});
	}

function showResult(result) {
		document.getElementById('result').textContent = result;
	}
</script>
</body>
</html>
```

Note: Please make sure to replace the image sources (e.g., "rock.png", "stick.png") with the actual paths to your own images.