A game where an ordinary boy of the present was walking and was chased by a bunch of angry girls and must collect some letters and form the word space to escape and reach a dimension like space where a girl dressed in pink and white will help him.'s game

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

No:1223

202

←

Prev Next

→

A game where an ordinary boy of the present was wa..ALL
Developer User3280｜Date and time 23/6/18 8:49:52
Build time 55.722 sec｜Game capacity 5.273KB｜

Script

a salir definitivamente de la situación. El juego se controla tocando la pantalla del celular para que el chico corra y esquive a las chicas, y también para recoger las letras. Se pueden usar emojis al final del juego, como una cara feliz o un cohete para simbolizar el viaje al espacio. El código tentativo del juego sería el siguiente:

←

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>Escape to Space Game</title>
	<script>
    	// Variables globales
    	var canvas, ctx;
    	var boyImg, angryGirlImg, spaceGirlImg;
    	var bgMusic, collectSound, winSound, loseSound;
    	var boy, angryGirls, spaceGirl, letters;
    	var score = 0;
    	var GAME_WIDTH = 640;
    	var GAME_HEIGHT = 360;
    	var LETTER_SIZE = 30;
    	var LETTERS = ["S", "P", "A", "C", "E"];
    	var FPS = 60;
    	
    	// Carga las imágenes y sonidos
    	function preload() {
    		boyImg = new Image();
    		boyImg.src = "boy.png";
    		angryGirlImg = new Image();
    		angryGirlImg.src = "angrygirl.png";
    		spaceGirlImg = new Image();
    		spaceGirlImg.src = "spacegirl.png";
    		
    		bgMusic = new Audio();
    		bgMusic.src = "bgmusic.mp3";
    		bgMusic.loop = true;
    		collectSound = new Audio();
    		collectSound.src = "collect.wav";
    		winSound = new Audio();
    		winSound.src = "win.wav";
    		loseSound = new Audio();
    		loseSound.src = "lose.wav";
    	}
    	
    	// Inicializa las variables del juego
    	function init() {
    		canvas = document.getElementById("canvas");
    		ctx = canvas.getContext("2d");
    		boy = {x: 0, y: GAME_HEIGHT/2, w: 50, h: 50, speed: 5, jumping: false};
    		angryGirls = [];
    		for (var i = 0; i < 10; i++) {
    			var x = GAME_WIDTH + Math.random()*1000;
    			var y = Math.random()*GAME_HEIGHT;
    			angryGirls.push({x: x, y: y, w: 50, h: 50, speed: 5});
    		}
    		spaceGirl = {x: GAME_WIDTH*2, y: GAME_HEIGHT/2, w: 50, h: 50};
    		letters = [];
    		for (var i = 0; i < LETTERS.length; i++) {
    			var x = Math.random()*(GAME_WIDTH - LETTER_SIZE);
    			var y = Math.random()*(GAME_HEIGHT - LETTER_SIZE);
    			letters.push({x: x, y: y, size: LETTER_SIZE, value: LETTERS[i]});
    		}
    		score = 0;
    	}
    	
    	// Dibuja los objetos del juego en el canvas
    	function draw() {
    		// Fondo
    		ctx.fillStyle = "#000000";
    		ctx.fillRect(0, 0, GAME_WIDTH, GAME_HEIGHT);
    		// Letras
    		ctx.font = LETTER_SIZE + "px Arial";
    		ctx.fillStyle = "#FFFFFF";
    		for (var i = 0; i < letters.length; i++) {
    			ctx.fillText(letters[i].value, letters[i].x, letters[i].y);
    		}
    		// Personajes
    		ctx.drawImage(boyImg, boy.x, boy.y, boy.w, boy.h);
    		for (var i = 0; i < angryGirls.length; i++) {
    			ctx.drawImage(angryGirlImg, angryGirls[i].x, angryGirls[i].y, angryGirls[i].w, angryGirls[i].h);
    		}
    		ctx.drawImage(spaceGirlImg, spaceGirl.x, spaceGirl.y, spaceGirl.w, spaceGirl.h);
    		// Puntaje
    		ctx.fillStyle = "#FFFFFF";
    		ctx.fillText("Score: " + score, GAME_WIDTH - 100, 20);
    	}
    	
    	// Actualiza la posición de los objetos del juego
    	function update() {
    		// Banda sonora
    		if (bgMusic.paused) bgMusic.play();
    		// Movimiento del chico
    		if (boy.jumping) {
    			boy.y -= boy.speed*2;
    			boy.speed -= 0.5;
    			if (boy.y + boy.h >= GAME_HEIGHT) {
    				boy.y = GAME_HEIGHT - boy.h;
    				boy.jumping = false;
    				boy.speed = 5;
    			}
    		} else {
    			boy.y += boy.speed;
    			if (boy.y + boy.h >= GAME_HEIGHT) {
    				boy.y = GAME_HEIGHT - boy.h;
    			}
    		}
    		// Movimiento de las chicas enojadas
    		for (var i = 0; i < angryGirls.length; i++) {
    			angryGirls[i].x -= angryGirls[i].speed;
    			if (angryGirls[i].x + angryGirls[i].w < 0) {
    				angryGirls[i].x = GAME_WIDTH + Math.random()*1000;
    				angryGirls[i].y = Math.random()*GAME_HEIGHT;
    			}
    		}
    		// Movimiento de la chica del espacio
    		if (score >= LETTERS.length) {
    			spaceGirl.x -= boy.speed;
    			if (spaceGirl.x + spaceGirl.w < 0) {
    				winSound.play();
    				alert("¡Felicitaciones! ¡Has ganado!");
    				location.reload();
    			}
    		}
    		// Colisión entre el chico y las chicas enojadas
    		for (var i = 0; i < angryGirls.length; i++) {
    			if (collides(boy, angryGirls[i])) {
    				loseSound.play();
    				alert("¡Lo siento! ¡Has perdido! ¡Inténtalo de nuevo!");
    				location.reload();
    			}
    		}
    		// Colisión entre el chico y las letras
    		for (var i = 0; i < letters.length; i++) {
    			if (collides(boy, letters[i])) {
    				collectSound.play();
    				letters.splice(i, 1);
    				score++;
    			}
    		}
    	}
    	
    	// Detecta colisiones entre dos objetos
    	function collides(a, b) {
    		return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y;
    	}
    	
    	// Bucle principal del juego
    	function gameLoop() {
    		update();
    		draw();
    	}
    	
    	// Inicia el juego cuando se carga la página
    	window.addEventListener("load", function(){
    		preload();
    		init();
    		setInterval(gameLoop, 1000/FPS);
    	});
	</script>
</head>
<body>
	<canvas id="canvas" width="640" height="360"></canvas>
</body>
</html>