Ahorcado

Elige una letra:

_ _ _

//Elijan de un array de palabras aleatorio(Tarea) var palabra = "Accesibilidad"; var hombre, l; //Declaración de la clase Ahorcado var Ahorcado = function (con) { //this es las variables locales de la clase, accesibles en toda la clase //this.contexto es el context de dibujo del canvas, que llega por parametro //desde la variable con this.contexto = con; this.maximo = 5; this.intentos = 0; this.vivo = true; this.dibujar(); } Ahorcado.prototype.dibujar = function () { var dibujo = this.contexto; //Dibujando el poste dibujo.beginPath(); dibujo.moveTo(150,100); dibujo.lineTo(150,50); dibujo.lineTo(400,50); dibujo.lineTo(400,350); dibujo.lineWidth = 15; dibujo.strokeStyle = "#000"; dibujo.stroke(); dibujo.closePath(); if(this.intentos > 0) { // intentos = 1 --> rostro dibujo.beginPath(); dibujo.arc(150, 140, 40, 0, Math.PI * 2, false); dibujo.strokeStyle = "red"; dibujo.lineWidth = 5; dibujo.stroke(); dibujo.closePath(); if(this.intentos > 1) { // intentos = 2 --> torso dibujo.beginPath(); dibujo.moveTo(150,180); dibujo.lineTo(150,250); dibujo.strokeStyle = "red"; dibujo.lineWidth = 5; dibujo.stroke(); dibujo.closePath(); if(this.intentos > 2) { // intentos = 3 --> brazos dibujo.beginPath(); dibujo.moveTo(120,220); dibujo.lineTo(150,180); dibujo.lineTo(180,220); dibujo.strokeStyle = "red"; dibujo.lineWidth = 5; dibujo.stroke(); dibujo.closePath(); if(this.intentos > 3) { // intentos = 4 --> piernas dibujo.beginPath(); dibujo.moveTo(120,290); dibujo.lineTo(150,250); dibujo.lineTo(180,290); dibujo.strokeStyle = "red"; dibujo.lineWidth = 5; dibujo.stroke(); dibujo.closePath(); if(this.intentos > 4) { // intentos = 5 --> ojos muertos dibujo.beginPath(); //Ojo izquierdo dibujo.moveTo(125,120); dibujo.lineTo(145,145); dibujo.moveTo(145,120); dibujo.lineTo(125,145); //Ojo derecho dibujo.moveTo(155,120); dibujo.lineTo(175,145); dibujo.moveTo(175,120); dibujo.lineTo(155,145); dibujo.strokeStyle = "blue"; dibujo.lineWidth = 5; dibujo.stroke(); dibujo.closePath(); } } } } } } Ahorcado.prototype.trazar = function () { this.intentos++; if(this.intentos >= this.maximo) { this.vivo = false; alert("¡Estás muerto!"); } this.dibujar(); } function iniciar () { l = document.getElementById("letra"); var b = document.getElementById("boton"); var canvas = document.getElementById("c"); canvas.width = 500; canvas.height = 400; var contexto = canvas.getContext("2d"); hombre = new Ahorcado(contexto); //Convierte a mayúscula un texto palabra = palabra.toUpperCase(); //Declaro un array con n espacios de acuerdo al largo de la plabara espacio = new Array(palabra.length); //Agregamos una función que se dispare al dar click al botón b.addEventListener("click", agregarLetra); mostrarPista(espacio); //mostrarPista(palabra, espacio); } function agregarLetra() { var letra = l.value; l.value = ""; mostrarPalabra(palabra, hombre, letra); } function mostrarPalabra(palabra, ahorcado, letra) { var encontrado = false; var p; letra = letra.toUpperCase(); for (p in palabra) { if (letra == palabra[p]) { espacio[p] = letra; encontrado = true; } } mostrarPista(espacio); // Si NO lo encontré if(!encontrado) { ahorcado.trazar(); } if(!ahorcado.vivo) { //Mostrar la palabra entera al morir(Tarea) } } function mostrarPista(espacio) { var pista = document.getElementById("pista"); var texto = ""; var i; var largo = espacio.length; for(i = 0; i