Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Coffee Drinking Game's game | AI game creator

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

No:3915

938

←

Prev Next

→

Coffee Drinking Game
Developer もちきなこ｜Date and time 23/6/26 23:43:36
Build time 21.677 sec｜Game capacity 1.678KB｜

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{
			background-color: #c8b0d4;
			text-align: center;
		}
		h1{
			font-size: 3em;
			color: #ffffff;
			margin-top: 50px;
			margin-bottom: 20px;
		}
		p{
			font-size: 1.5em;
			color: #ffffff;
			margin-top: 20px;
			margin-bottom: 50px;
		}
	</style>
</head>
<body>
	<h1>コーヒーを飲むゲーム</h1>
	<p>スマホを傾けて、コーヒーを飲んでください。</p>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/hot-beverage_2615.png" width="150" height="150" id="coffee" draggable="false">
	<script>
		var coffee = document.getElementById("coffee");
		var body = document.getElementsByTagName("body")[0];
		var drinkAudio = new Audio('https://www.w3schools.com/jsref/horse.ogg');

body.addEventListener("mousemove", function(event){
			var xPos = event.x;
			var yPos = event.y;

coffee.style.left = xPos - (coffee.clientWidth / 2) + "px";
			coffee.style.top = yPos - (coffee.clientHeight / 2) + "px";

if(xPos > (body.clientWidth / 2) && yPos > (body.clientHeight / 2)){
				drinkAudio.play();
			}
		});
	</script>
</body>
</html>