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

No:26580

Ultimate blade legends The sword fighter
Developer Dooz studio｜Date and time 23/12/1 21:35:33
Build time 50.423 sec｜Game capacity 3.315KB｜

Script

Ultimate Blade Legends - The Sword Fighter

In this game, you play as a sword fighter represented by a pictogram of a sword. The game is designed to be played on a smartphone. The player's goal is to move the sword fighter icon by touching and dragging on the screen. The sword fighter can move left and right within the canvas, which represents the game area. The game uses JavaScript to handle touch events and update the position of the sword fighter accordingly. The player can touch anywhere on the screen to control the sword fighter's movement. The game continuously updates to provide a smooth experience. The game also incorporates an image of a sword as a pictogram to represent the sword fighter. The image is loaded and drawn on the canvas using JavaScript. Note: Please make sure to replace "emozi_himawari.png" with the actual path to your sword icon image file.

←

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>Ultimate Blade Legends - The Sword Fighter</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}
		canvas {
			border: 2px solid black;
		}
	</style>
</head>
<body>
	<h1>Ultimate Blade Legends - The Sword Fighter</h1>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
		let playerX = canvas.width / 2;
		const playerY = canvas.height / 2;
		const playerSpeed = 5;

// Load the player image
		const playerImage = new Image();
		playerImage.src = "sword_icon.png";

// Handle touch events
		document.addEventListener("touchstart", handleTouchStart, false);
		document.addEventListener("touchmove", handleTouchMove, false);
		document.addEventListener("touchend", handleTouchEnd, false);

// Touch variables
		let touchX = null;
		let touchY = null;
		let isTouching = false;

// Update touch coordinates when finger is pressed
		function handleTouchStart(event) {
			event.preventDefault();
			isTouching = true;
			touchX = event.touches[0].pageX;
			touchY = event.touches[0].pageY;
		}

// Update touch coordinates as finger moves
		function handleTouchMove(event) {
			event.preventDefault();
			if (isTouching) {
				touchX = event.touches[0].pageX;
				touchY = event.touches[0].pageY;
			}
		}

// Reset touch coordinates when finger is released
		function handleTouchEnd(event) {
			event.preventDefault();
			isTouching = false;
			touchX = null;
			touchY = null;
		}

// Game update function
		function update() {
			clearCanvas();
			movePlayer();
			drawPlayer();
			requestAnimationFrame(update);
		}

// Clear the canvas
		function clearCanvas() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
		}

// Move the player based on touch input
		function movePlayer() {
			if (isTouching) {
				if (touchX < playerX) {
					playerX -= playerSpeed;
				} else if (touchX > playerX) {
					playerX += playerSpeed;
				}
			}
			
			// Prevent player from going off-screen
			if (playerX < 0) {
				playerX = 0;
			} else if (playerX > canvas.width) {
				playerX = canvas.width;
			}
		}

// Draw the player on the canvas
		function drawPlayer() {
			ctx.drawImage(playerImage, playerX - 16, playerY - 16, 32, 32);
		}

// Start the game
		update();
	</script>
</body>
</html>
```

The game uses JavaScript to handle touch events and update the position of the sword fighter accordingly. The player can touch anywhere on the screen to control the sword fighter's movement. The game continuously updates to provide a smooth experience.

The game also incorporates an image of a sword as a pictogram to represent the sword fighter. The image is loaded and drawn on the canvas using JavaScript.

Note: Please make sure to replace "sword_icon.png" with the actual path to your sword icon image file.