En este artículo de programación te mostraré cómo pintar o dibujar un arreglo (array, vector, como lo conozcas) en un canvas de JavaScript, logrando hacer una cuadricula. Es decir, a partir de una matriz en JavaScript, dibujar una cuadricula en Canvas. Esto es útil por ejemplo al hacer un juego como snake, pues si tratamos todo como un arreglo, podemos desarrollar el juego en el mismo y luego solo pintar la matriz en el canvas. ...
Hoy te mostraré otro juego programado en JavaScript. Se trata de “Simón dice” (Simon says) también conocido simplemente como Simón; donde se repite una secuencia y el jugador debe imitarla. Según la wikipedia: Simon es un juego electrónico creado por Ralph Baer y Howard J. Morrison en 1978. Tuvo un gran éxito durante los 80. Tiene forma de disco, en una de sus caras se puede ver cuatro cuadrantes, cada uno con un color: verde, rojo, azul y amarillo en su versión original. Su nombre se debe por el conocido juego tradicional del mismo nombre: Simón dice, de donde se inspira. Es un juego físico pero lo he creado de manera virtual. En caso de que sigas sin entender, el juego es como el siguiente: A lo largo del post te mostraré cómo está conformado el juego, explicando su programación. También te dejaré el código fuente y la demostración para que puedas jugar simón dice en la web. ...
Hoy veremos cómo reproducir sonidos con JavaScript, desde sonidos de efectos (como para un videojuego) o una canción completa. Todo esto lo vamos a lograr usando JavaScript y HTML, sin que se muestre un reproductor de sonido. ...
En este post te mostraré un juego que he programado recientemente. Se trata de El ahorcado o hangman, en su versión web programado con JavaScript; totalmente gratuito y open source. El juego está escrito con el lenguaje JavaScript, usando Vue.js y Bootstrap. Cuenta con: Gestión de palabras. Puedes agregar y eliminar palabras para jugar al ahorcado Elección de palabra aleatoria: cada vez que juegas se selecciona una palabra aleatoria del banco de palabras que el usuario ha registrado Botones con letras para adivinar la palabra, mismos que se deshabilitan una vez que se ha intentado esa letra Imagen del ahorcado, misma que cambia con el número de intentos Juego totalmente responsivo (adaptable a teléfonos, tabletas, etcétera) A continuación te mostraré cómo está hecho, en dónde puedes descargarlo, etcétera. Pues es un juego open source y gratuito que puedes modificar sin problemas. ...
Hace algunos días iba a descargar de un folder o carpeta en Mediafire, un servicio de almacenamiento (como Mega, Dropbox, etcétera) pero al seleccionar varios archivos para su descarga, me solicitaba volverme premium. Así que decidí hacer un pequeño script que extrajera todos los enlaces y me los diera como una cadena para simplemente pegarlos en un gestor de descargas como lo es MiPony. ...
Hace unos momentos estaba revisando mi historial de compras en Steam y me dio curiosidad por saber cuánto he gastado (o comprado) en total. Así que en lugar de hacer la cuenta a mano decidí hacer un pequeño script. Por cierto, esto es para probar en la página de Steam en un navegador. La página es: https://store.steampowered.com/account/history/ ...
GitHub es una gran fuente de scripts y código open source que nos facilita la vida. Los desarrolladores ponen a nuestra disposición las librerías, mismas que podemos descargar e incluir en nuestros proyectos. En ocasiones necesitamos cargar esas librerías sin descargarlas, es decir, usar GitHub como host para cargar los scripts. Y eso era posible hace tiempo gracias a Rawgit, pero ahora ha dejado de funcionar. Por lo tanto, buscando, encontré una alternativa: jsDelivr. ...
En esta corta entrada te mostraré cómo insertar un botón flotante en una esquina de la página web, usando JavaScript. Es decir, crear el botón de manera dinámica y colocarlo en una de las esquinas, de manera que se vea que “flota” y que está fijo. ...
En este post te mostraré cómo exportar una página web a PDF a través de un botón, enlace o cualquier cosa soportada por JavaScript. A este proceso también se le conoce como convertir HTML a PDF. Es decir, convertir web a PDF usando programación con JavaScript y las siguientes librerías: html2canvas jsPDF html2pdf De hecho, html2pdf usa las dos librerías anteriores. Aunque parece complejo, verás que no lo es realmente. Con esta librería podemos crear un PDF muy parecido a la página web, incluyendo imágenes. ...
En este post de programación con JavaScript del lado del servidor en el entorno de Node te mostraré cómo asegurar las contraseñas de los usuarios; esto es, encriptarlas. De hecho me parece que el término correcto es hashear, pues encriptar es convertir algo plano a encriptado y luego poder hacer lo contrario; en cambio hashear es convertir algo plano a encriptado, pero ya no poder obtener el valor original a partir del encriptado. Como sea, te mostraré cómo asegurar, encriptar o cifrar las contraseñas. Vamos a usar el algoritmo bcrypt pues es perfecto para hashear contraseñas en Node. ...