Slow seline is a snail. She is seen at the end of the hallway, slowly getting closer. The player must pay attention to her eyes, if the eyes are straight up the player must stay still, if the eyes are stretched out towards the walls and not facing the Protagonist, the player can move.'s game

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

No:3493

3469

←

Prev Next

→

Slow seline is a snail. She is seen at the end of ..ALL
Developer User3709｜Date and time 23/6/25 6:55:24
Build time 35.606 sec｜Game capacity 4.48KB｜

Script

As the player progresses through the hallway, obstacles such as spikes and holes will appear and the player must avoid them by jumping over or ducking under them. Slow Seline's movement speed will increase as the player goes further down the hallway, making it more difficult to avoid obstacles. If the player successfully reaches the end of the hallway without getting hit by any obstacles, they will be rewarded with a treasure chest containing valuable items. To control the game, the player can swipe up to jump and swipe down to duck. Tapping the screen will make the Protagonist move forward. Here's a sample code for the game:

←

Prev　Next

→ 　

Back　

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

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

If the player successfully reaches the end of the hallway without getting hit by any obstacles, they will be rewarded with a treasure chest containing valuable items.

To control the game, the player can swipe up to jump and swipe down to duck. Tapping the screen will make the Protagonist move forward.

Here's a sample code for the game:

<!DOCTYPE html>
<html>
<head>
	<title>Slow Seline</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		canvas {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>

// Create Slow Seline
			var slowSeline = {
				x: canvas.width - 50,
				y: canvas.height - 200,
				width: 50,
				height: 100,
				color: "purple",
				speed: 2,
				move: function() {
					if (this.y < canvas.height/2) {
						this.speed = this.speed * -1;
					} else if (this.y > canvas.height - 200) {
						this.speed = this.speed * -1;
					}
					this.y += this.speed;
				},
				draw: function() {
					ctx.fillStyle = this.color;
					ctx.fillRect(this.x, this.y, this.width, this.height);
				}
			};

// Create Obstacle
			function createObstacle() {
				var obstacle = {
					x: canvas.width + 50,
					y: canvas.height - 150,
					width: 50,
					height: 100,
					color: obstacleColor,
					speed: obstacleSpeed,
					draw: function() {
						ctx.fillStyle = this.color;
						ctx.fillRect(this.x, this.y, this.width, this.height);
					},
					hitPlayer: function() {
						var playerBottom = playerY + playerHeight;
						var obstacleTop = this.y;
						var obstacleBottom = this.y + this.height;
						if (playerX < this.x + this.width && playerX + playerWidth > this.x && playerBottom > obstacleTop && playerY < obstacleBottom) {
							return true;
						}
						return false;
					}
				};
				obstacles.push(obstacle);
			}

// Move Slow Seline
			function moveSlowSeline() {
				slowSeline.move();
			}

// Draw Slow Seline
			function drawSlowSeline() {
				slowSeline.draw();
			}

// Draw Player
			function drawPlayer() {
				ctx.fillStyle = playerColor;
				ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
			}

// Move Obstacles
			function moveObstacles() {
				for (var i = 0; i < obstacles.length; i++) {
					obstacles[i].x -= obstacleSpeed;
					if (obstacles[i].hitPlayer()) {
						isGameOver = true;
					}
				}
			}

// Draw Obstacles
			function drawObstacles() {
				for (var i = 0; i < obstacles.length; i++) {
					obstacles[i].draw();
				}
			}

// Check for Game Over
			function checkGameOver() {
				if (isGameOver) {
					ctx.fillStyle = "black";
					ctx.font = "30px Arial";
					ctx.textAlign = "center";
					ctx.fillText("Game Over", canvas.width/2, canvas.height/2);
					return;
				}
			}

// Create Obstacles randomly
			setInterval(function() {
				createObstacle();
			}, 2000);

// Game loop
			setInterval(function() {
				score++;
				ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move player with swipe
				canvas.addEventListener("touchstart", function(event) {
					if (event.touches[0].clientY < canvas.height/2) {
						playerY += jumpPower;
					} else {
						playerY -= jumpPower;
					}
				});

// Apply gravity to player
				playerY += gravity;

// Limit player's movement
				if (playerY > canvas.height - playerHeight) {
					playerY = canvas.height - playerHeight;
				} else if (playerY < 0) {
					playerY = 0;
				}

moveSlowSeline();
				drawSlowSeline();
				moveObstacles();
				drawObstacles();
				drawPlayer();
				checkGameOver();
			}, 1000/60);
		};
	</script>
</body>
</html>