Posts

En este tutorial sobre diseño web te mostraré cómo mostrar una cuadrícula de imágenes en HTML usando CSS. Vamos a hacer que las imágenes ocupen determinado tamaño de la pantalla usando columnas y filas. Por ejemplo, hacer una cuadrícula de 2 x 3 imágenes, o de 2 x 2, distribuyendo correctamente el tamaño de la página para que las imágenes tengan el mismo tamaño. No vamos a usar Bootstrap, solo usaremos CSS, pues Bootstrap ya ofrece clases para hacer este tipo de cosas. Al final tendremos algo parecido a una tabla de imágenes que ocupan el mismo ancho de la pantalla, usando HTML y CSS. ...

En este post te mostraré cómo configurar el control inalámbrico Bluetooth Gamepad Plus V3, un mando con modelo C8s que es compatible con varios dispositivos, entre ellos tabletas y móviles Android. ...

En este post de programación con Python y juegos en PyGame te mostraré cómo dibujar una imagen en la pantalla a través del método blit. ...

En este post de HTML 5 te mostraré cómo aceptar determinada extensión de archivo en un input de tipo file de HTML. Anteriormente te mostré cómo aceptar solo imágenes en un seleccionador de archivos de HTML, ahora te enseñaré como especificar la extensión de los archivos permitidos para el input. Recuerda que esto solo es validación del lado del cliente, y que su propósito es meramente de diseño, no de seguridad. ...

En este post te mostraré cómo redimensionar una imagen usando el lenguaje de programación Python, a través de la librería PyGame. De este modo podrás redimensionar una imagen para el desarrollo de un videojuego en Python. ...

En este post de PHP te mostraré cómo convertir un color hexadecimal a su representación RGB, extrayendo los colores R, G y B que respectivamente son Rojo, Verde y Azul. Por ejemplo, convertir el hexadecimal #8bc34a en 139, 195, 74. Para ello vamos a usar PHP y la función sscanf. ...

En este post de programación en PHP te mostraré cómo crear una carpeta solo si no existe. Recuerda que me referiré a carpeta o directorio como la misma cosa. Veamos entonces cómo verificar si la carpeta no existe, para crearla. Vamos a usar las funciones file_exists y mkdir. ...

En este post te mostraré el juego de Tetris programado en JavaScript puro, totalmente gratuito y open source. Este juego de bloques está programado con JavaScript y utiliza canvas para pintar el juego. También utilizo Bootstrap para el diseño de los botones y la página en general, con un poco de SweetAlert para las ventanas. Aunque se vea sencillo de hacer, es uno de los trabajos que más me ha costado realizar y del cual me siento más orgulloso. Fue complejo (para mí) comprender toda la lógica para las colisiones, rotaciones, eliminación de filas, movimiento de piezas, límites, etcétera. Entre las características del juego encontramos: Sonidos: música de fondo, sonido cuando la pieza no se puede rotar, cuando se hace una fila completa y cuando el tetrominó toca el suelo Colores: cada pieza tiene un color aleatorio elegido en tiempo de ejecución Rotaciones: las piezas se pueden rotar para acomodarlas y acumular puntos Compatible con móviles: debido a que es web, he agregado unos botones para poder jugarlo en móviles, pero también se puede jugar con el teclado Código abierto: puedes modificar el juego, el tablero, la longitud, velocidad, piezas, rotaciones, etcétera. Port de tetris: se comporta como cualquier juego de tetris normal Pausa del juego: el juego se puede pausar o reanudar en cualquier momento Veamos entonces los detalles de este juego programado en JS. A lo largo del post te mostraré cómo es que este juego está programado, también te dejaré una demostración y el código completo. Nota: figura, pieza y tetrominó serán usados como sinónimos en este post. ...

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é cómo trabajar con expresiones regulares en el lenguaje de programación Go, también conocido como Golang. No te mostraré cómo usar las expresiones regulares, pues las mismas son independientes del lenguaje (aunque también tienen sabores) y son un tema aparte, así que solo te mostraré cómo trabajar con expresiones regulares en Go a través de regexp. ...