Cómo graficar un círculo en Assembler

En esta ocasión veremos cómo graficar un círculo usando el lenguaje ensamblador o ASM.
El programa además de ello permite desplazar el círculo con el teclado numérico, de forma que pueda moverse a los costados, hacia arriba, hacia abajo y en cualquiera de las diagonales. Adicionalmente es posible aumentar o disminuir el radio del círculo en tiempo de ejecución, mientras se desplaza o incluso si está detenido. Y, finalmente, es posible cambiar el color del círculo de forma aleatoria.

En esta entrada se explica de manera general el programa, lo que incluye una explicación breve sobre los siguientes temas:
- Modo de video: texto o modo gráfico
- Segmentos de uso general
- Segmento de datos, segmento de pila, segmento extra, segmento de código
- Cómo usar las instrucciones PUSH y POP
- Zero flag y otros registros bandera
- Comparaciones, como JNZ, etiquetas y saltos
- Procedimientos
- Funciones e interrupciones

La explicación, como de costumbre, se encuentra detallada en un videotutorial, al que pueden acceder desde el siguiente enlace:

Tutorial sobre cómo graficar un círculo en Assembler

De hecho olvidé hacer antes un tutorial explicativo sobre cómo ejecutar código Assembler, por lo que pronto agregaré este video a la lista de reproducción. De todas formas, si tienen dudas pueden comentarlas y les responderé.

Si desean, pueden incluso acceder al código fuente del programa desde el siguiente enlace:

Descargar código Assembler para graficar un círculo de colores y desplazable

Cómo diseñar un paise en Adobe Illustrator

Tutorial básico de Adobe Illustrator

Sinceramente, muy aparte de programar, siempre he sido particularmente "no muy bueno" en crear imágenes por mí mismo. Si necesitaba alguna imagen, en algún momento, simplemente realizaba búsquedas y tomaba alguna que se adecuara.

Sin embargo, recientemente he decidido comenzar a practicar un poco de diseño gráfico, y al menos, decidí empezar con Illustrator. Este primer tutorial es muy básico y es una buena oportunidad si usted también empieza.

El siguiente tutorial está escrito originalmente en inglés. Lo que les presento entonces es solo una traducción (no una traducción completamente literal, pues he cambiado un poco la redacción según creía conveniente).

De todas formas, si usted prefiere seguir un video en vez de texto e imágenes, también puede hacerlo desde el siguiente enlace:

Clic para ver el videotutorial

-----------------------------------------------

El diseño que haremos en esta ocasión es un paisaje sencillo, compuesto de formas básicas y una paleta limitada de colores verdes y amarillos. Un diseño realizado con vectores tiende a lucir relativamente plano y sin vida, por lo que luego de usar Illustrator pasaremos a usar Photoshop para aplicar sobre nuestro diseño algunas texturas. Esto mejorará notablemente la apariencia final de nuestro trabajo.

Abrimos Adobe Illustrator y creamos un nuevo documento. Las dimensiones del documento no tienen importancia, lo importante es ir a Ver->Ocultar mesas de trabajo, para quitar los límites del documento.

Vamos a necesitar una paleta de colores que se adecue a nuestra ilustración. El autor del tutorial ha usado la combinación de colores mostrada anteriormente. Nosotros podríamos dirigirnos a la ventana "Guía de color" y seleccionar la que mejor nos parezca.

El primer paso es crear un rectángulo grande, que sería el fondo de nuestra ilustración, usando el color más claro de nuestra paleta.

Luego, usando el color más cercano al verde de nuestra paleta dibujamos un rectángulo y un óvalo, para representar una colina. Dado que ambas formas tienen el mismo color parecerán ser una sola pero realmente pueden moverse por separado.

Ahora elegimos un color verde más oscuro y dibujamos nuevamente un óvalo para representar otra colina. Esta nueva colina la seleccionamos y damos click derecho sobre ella, luego elegimos la opción Organizar->"Enviar atrás", de modo que se encuentre detrás de la primera colina pero sobre el fondo que pintamos inicialmente.

Ahora usamos la herramienta elipse nuevamente, pero manteniendo pulsado SHIFT, para dibujar un círculo.

Así mismo, usando la herramienta pluma dibujamos un triángulo con 4 clicks. Podemos ajustar la forma del triángulo usando la herramienta "Selección directa", que nos permitirá mover cualquiera de los 3 puntos que fijamos.

Ahora movemos el triángulo que acabamos graficar y lo posicionamos como el tronco de un árbol. Entonces copiamos el triángulo y pegamos un duplicado, escalamos y rotamos el duplicado para que forme una rama del árbol. Superponemos la rama sobre el tronco y vemos cómo combinan bastante bien.

Presionando SHIFT seleccionamos todas las formas que componen un árbol y entonces, luego de seleccionar, presionando ALT arrastramos lo seleccionado a otra posición, para generar duplicados.

Ajustamos la orientación de las ramas, de modo que cada árbol tenga un aspecto único.

Seleccionamos el rectángulo que está de fondo, lo copiamos y pegamos encima. Le quitamos el color de relleno en la barra de herramientas, pues solo nos interesa su forma.

Presionando SHIFT añadimos a la selección el rectángulo verde y las 2 colinas. Seguidamente presionamos el botón "Recortar" de la paleta "Buscatrazos", para recortar estas formas a la medida.

El proceso de "Recortar" modifica la ubicación de los elementos, por lo que debemos seleccionarlos y con click derecho usar Organizar (tal como se hizo antes) según convenga.

Hasta este punto hemos usado Illustrator para crear los vectores de un paisaje, pero ahora vamos a dar más vida a nuestro diseño en Photoshop. Por ello, copiamos y pegamos absolutamente todo (como objeto inteligente).

Pegamos sobre nuestro diseño una textura para dar una mejor presentación a nuestro diseño. 

El tutorial sugiere el siguiente enlace: http://lostandtaken.com/blog/2013/2/28/10-simply-subtle-grunge-textures.html

Luego de pegar la textura, esta aparecerá en una nueva capa, sobre nuestro diseño, y entonces cambiamos su modo de fusión a luz suave (soft light).

Así llegamos al resultado final. Y como se observa, podemos llegar a crear diseños muy agradables incluso usando las herramientas más básicas de Illustrator. Espero poder subir algunos tutoriales más según vaya explorando.

Cómo realizar reportes en Java

Reportes en Java

Por lo general, cuando recién empezamos a aprender Java, manejamos los datos temporalmente, es decir, por cuestiones prácticas no salvamos los datos en archivos ni en bases de datos y estos se pierden de una ejecución a otra.

Luego aprendemos a manejar archivos, y posteriormente a modelar y usar bases de datos en nuestros programas. Es en este punto -aunque no necesariamente- en donde nos entra curiosidad por aprender a exportar nuestros datos en archivos PDF.

Esto último comúnmente es conocido como realizar reportes, y es un trabajo que resulta no muy complejo gracias al uso de bibliotecas como JasperReports. Con esta biblioteca es posible exportar nuestros datos en formato PDF, DOCX (archivos de Microsoft Word), CSV, XML, o incluso como un reporte que se muestra en una página web (HTML).

Puede seguir el videotutorial sobre JasperReports y IReport Designer desde el siguiente enlace:

Clic para acceder al video explicativo

Y puede descargar la biblioteca JasperReports desde:

Clic para descargar algunos .JAR que conforman la biblioteca JasperReports