Swipe in the direction indicated by the large turnip to remove it.'s game

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

No:560

192

←

Prev Next

→

Swipe in the direction indicated by the large turn..ALL
Developer User3032｜Date and time 23/6/15 19:54:21
Build time 46.786 sec｜Game capacity 3.049KB｜

Script

おおきなかぶ - スワイプゲーム

指示される方向にスワイプして、かぶを取ろう！

Swipe Count: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>おおきなかぶ - スワイプゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style type="text/css">
		body{
			font-size: 30px;
		}
		#game-area{
			padding: 100px;
			text-align: center;
		}
	</style>
</head>
<body>
	<div id="game-area">
		<p>おおきなかぶ - スワイプゲーム</p>
		<p>指示される方向にスワイプして、かぶを取ろう！</p>
		<p id="count">Swipe Count: 0</p>
		<div id="image-container">
			<img id="kabu" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/81/onion_1f9c5.png">
		</div>
		
	</div>
	
	<script type="text/javascript">
		var kabu = document.getElementById("kabu");
		var count = document.getElementById("count");
		var swipeCount = 0;

function swipeLeft(){
			kabu.style.left = "-100px";
			swipeCount++;
			count.innerHTML = "Swipe Count: " + swipeCount;
			checkLimit(swipeCount);
		}

function swipeRight(){
			kabu.style.left = "100px";
			swipeCount++;
			count.innerHTML = "Swipe Count: " + swipeCount;
			checkLimit(swipeCount);
		}

function swipeUp(){
			kabu.style.top = "-100px";
			swipeCount++;
			count.innerHTML = "Swipe Count: " + swipeCount;
			checkLimit(swipeCount);
		}

function swipeDown(){
			kabu.style.top = "100px";
			swipeCount++;
			count.innerHTML = "Swipe Count: " + swipeCount;
			checkLimit(swipeCount);
		}

function resetGame(){
			kabu.style.top = "0";
			kabu.style.left = "0";
			swipeCount = 0;
			count.innerHTML = "Swipe Count: " + swipeCount;
		}

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
			kabu.addEventListener("touchstart", function(event){
			startX = event.touches[0].clientX;
			startY = event.touches[0].clientY;
			});

kabu.addEventListener("touchmove", function(event){
				endX = event.touches[0].clientX;
				endY = event.touches[0].clientY;
				difX = endX - startX;
				difY = endY - startY;

if(Math.abs(difX) > Math.abs(difY)){
					if(difX > 0){
						swipeRight();
					} else{
						swipeLeft();
					}
				} else{
					if(difY > 0){
						swipeDown();
					} else{
						swipeUp();
					}
				}
			});
		} else{
			kabu.addEventListener("mousedown", function(event){
				startX = event.clientX;
				startY = event.clientY;
			});

kabu.addEventListener("mouseup", function(event){
				endX = event.clientX;
				endY = event.clientY;
				difX = endX - startX;
				difY = endY - startY;

if(Math.abs(difX) > Math.abs(difY)){
					if(difX > 0){
						swipeRight();
					} else{
						swipeLeft();
					}
				} else{
					if(difY > 0){
						swipeDown();
					} else{
						swipeUp();
					}
				}
			});
		}
	</script>
</body>
</html>