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

No:3471

4047

←

Prev Next

→

Something is black and it's chasing you through a ..ALL
Developer anonymous｜Date and time 70/1/1 9:54:30
Build time unknown sec｜Game capacity 3.27KB｜

Script

. To play the game, simply swipe left or right on your smartphone screen to move your character in that direction. The black creature will constantly be chasing you, so you must keep moving and avoiding obstacles in the corridor. If the creature catches up to you and touches you, you lose the game. Here's the HTML code for the game:

Run From the Black Thing

Swipe left or right to move

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

To play the game, simply swipe left or right on your smartphone screen to move your character in that direction. The black creature will constantly be chasing you, so you must keep moving and avoiding obstacles in the corridor. If the creature catches up to you and touches you, you lose the game.

Here's the HTML code for the game:

<!DOCTYPE html>
<html>
<head>
	<title>Run From the Black Thing</title>
</head>
<body>
	<h1>Run From the Black Thing</h1>
	<p>Swipe left or right to move</p>

// set up game variables
		var playerX = canvas.width/2;
		var playerY = canvas.height/2;
		var playerWidth = 20;
		var playerHeight = 20;
		var speed = 5;
		var blackThingX = 0;
		var blackThingY = canvas.height/3;
		var blackThingWidth = 30;
		var blackThingHeight = 30;
		var blackThingSpeed = 7;
		var touchDistance = 20;

// move player based on swipe direction
		document.addEventListener("touchstart", handleTouchStart, false);
		document.addEventListener("touchmove", handleTouchMove, false);
		var xDown = null;
		var yDown = null;

function handleTouchStart(evt) {
		    xDown = evt.touches[0].clientX;
		    yDown = evt.touches[0].clientY;
		};

function handleTouchMove(evt) {
		    if ( ! xDown || ! yDown ) {
		        return;
		    }

var xUp = evt.touches[0].clientX;
		    var yUp = evt.touches[0].clientY;

var xDiff = xDown - xUp;
		    var yDiff = yDown - yUp;

if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/*most significant*/
		        if ( xDiff > 0 ) {
		            playerX -= speed;
		        } else {
		            playerX += speed;
		        }                       
		    } else {
		        if ( yDiff > 0 ) {
		            playerY -= speed;
		        } else { 
		            playerY += speed;
		        }                                                                 
		    }
		    /* reset values */
		    xDown = null;
		    yDown = null;                                             
		};

function drawPlayer() {
			ctx.fillStyle = "green";
			ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
		}

function drawBlackThing() {
			ctx.fillStyle = "black";
			ctx.fillRect(blackThingX, blackThingY, blackThingWidth, blackThingHeight);
		}

// check if the black thing has caught up to the player
		function checkTouch() {
			var xDistance = Math.abs(playerX - blackThingX);
			var yDistance = Math.abs(playerY - blackThingY);
			var totalDistance = Math.sqrt(xDistance*xDistance + yDistance*yDistance);

if (totalDistance <= touchDistance) {
				alert("You got caught!");
				location.reload();
			}
		}

// main game loop
		function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// move the black thing
			blackThingX += blackThingSpeed;
			if (blackThingX > canvas.width) {
				// if the black thing has gone off the screen, reset its position
				blackThingX = 0;
				blackThingY = Math.random()*(2*canvas.height/3) + canvas.height/3;
			}

drawPlayer();
			drawBlackThing();
			checkTouch();

window.requestAnimationFrame(gameLoop);
		}

gameLoop();
	</script>
</body>
</html>