Expresión Grafica By Bermex

CREACIÓN DE TEXTURAS: TEXTURAS PROCEDURALES

2012-01-22T20:24:00.003+01:00

Una tema interesante en relación con la informática grafica son las texturas. Las texturas son fundamentales en el diseño grafico, ya sea para matizar los modelados 3D o simplemente para rellenar polígonos bidimensionales se requieren texturas (si se quiere algo mas que simples figuras geométricas con un color plano y un sombreado para implementar su volumen). La forma en que crear texturas es trivial, siguiendo la técnica pictórica simplemente pasa por dar un color de base como fondo, dibujar el motivo de la textura y difuminar los colores de este ultimo contra el fondo.

Con una aplicación de diseño grafico emplear las herramientas; bote de pintura (para el fondo), brocha (para el motivo) y difumino (generalmente el icono con forma de dedo; para extender los colores del motivo sobre el fondo). Las imágenes siguientes son algunas texturas pintadas a mano:

También es posible dejar que la computadora genere las texturas (texturas procedurales), esta vía algorítmica constaría de tres pasos semejantes a la técnica de la texturación manual. Así: 1º generamos el fondo, ejecutando una rutina de “filling” de un color plano (para aumentar la matización de la textura resultante terminado todo el proceso se puede variar el color de cada píxel empleando siempre el mismo matiz pero con un tono distinto creando una distribución aleatoria o quizás un degradado de color). 2º imprimir el motivo, se puede dibujar tirando líneas o agrupaciones de pixels que sigan un patrón aleatorio, para los primeros tendríamos una rutina iteradora y para los segundos una rutina recursiva. 3º Extender los colores del motivo sobre el fondo, esta parte se debe hacer de forma no inteligente, mediante un “dither” de la textura completa. El “dither” es un tipo de filtro sobre imágenes en la que cada punto esta en función de una media aritmética con los puntos adyacentes.

Un ejemplo de textura procedural es la imagen siguiente que trata de asemejar un cielo con nubes:

La aplicación Clouds, genera infinitas texturas como esta ultima. Descargarla desde el enlace:

https://www.rapidshare.com/files/845369667/clouds.zip

Como inmediatamente se deduce la texturas procedurales presentan la ventaja de poseer infinitas variaciones sin mas que cambiar alguno de sus parámetros, igualmente al ser generadas pueden obtenerse en cualquier tamaño y definición. Si bien no poseen mucha calidad artística ni están ejecutadas de forma muy inteligente.

Articulos relacionados:
· SALVAPANTALLAS PARALLAX.
· SALVAPANTALLAS SPHERE.
· TRACKS: UNA CARRERA CONTRA EL TIEMPO.

FONDOS DE ESCRITORIO

2012-01-22T12:03:00.009+01:00

Aquí una serie de fotografías retocadas que pueden ser resultonas como fondo de escritorio.

Estas con tema subacuatico:

Estas otras son de tema fluvial o marítimo:

Estas son unos cortados bien majos:

Aquí unos retratos de patos:

Estos otros inauguran una nueva temática, la de los paisajes campestres:

A continuación dos nuevas categorías, primero los paisajes urbanos:

Y segundo las flores:

SALVAPANTALLAS SPHERE

2012-01-16T21:55:00.011+01:00

"Sphere" es un salvapantallas de Windows. En esta ocasión se emplea como tema una esfera flotante de metal pulido en la que se refleja la superficie sobre la que levita.

Para utilizarlo primero descargarlo desde: https://rapidshare.com/files/134408081/sphere.zip, después expandir el archivo sphere.zip en el directorio de Windows y establecerlo como salva pantallas a través de Panel de Control/apariencia/cambiar protector de pantalla.

Articulos relacionados:
· TRACKS: UNA CARRERA CONTRA EL TIEMPO.
· SALVAPANTALLAS PARALLAX.
· SALVAPANTALLAS SPHERE.
· SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS.
. RENDER DE UN PLANO EN PROYECCIÓN PARALELA.
· CREACIÓN DE TEXTURAS: TEXTURAS PROCEDURALES.
· ESFERAS VS. SUPERFICIES ESFEROIDES.
· WARMOON: UN VIDEOJUEGO DE ESTRATEGIA BELICA.

SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS

2011-12-31T15:50:00.006+01:00

Este post va a ser una compilación de información contenida en otros articulos con puntualizaciones oportunas, el objetivo es exponer como construir una vista 3D o motor 3D para juegos a la usanza del antiguo modo 7 que existió para la consola Súper Nintendo halla por los primeros 90. La técnica que aquí se expone consigue un efecto semejante pero de forma mucho mas simplista que aquella empleando únicamente recursos programáticos en detrimento de las matemáticas.

Primero de todo volvemos sobre el post “render de un plano en proyección paralela” en el que se exponía como proyectar una textura sobre un punto de fuga, esto es reemplazando las coordenadas de textura bidimensionales sobre los ejes OX y OY por otras sobre los ejes OX y OZ. Se incluía una pseudo-código mas o menos como sigue:

subrutina prerenderizar_plano(horizonte, distancia, wx, wy, ww, wh, ref offset_matrix)
iy = 0
ixinc = ww/ancho : iyinc = wh/(alto-horizonte)
z=1 : zinc=distancia/(alto-horizonte)
para i=horizonte hasta que i=alto-1 hacer en cada paso i=i+1
ix = 0 : sy=wy+(wh/2)+((iy-(wh/2))/z)
si sy < 0 o sy >= h
   mientras que sy < 0 sy = h+sy fin mientras mientras que sy >= h
    sy = sy-h
   fin mientras
fin si
para j=0 hasta que ancho-1 hacer en cada paso j=j+1
   sx=wx+(ww/2)+((ix-(ww/2))/z)
   si sx < 0 o sx >= w
    mientras que sx < 0 sx = w+sx fin mientras mientras que sx >= w
     sx = sx-w
    fin mientras
   fin si
   offset_matrix[i,j] = (sy * ancho) + sx
   ix = ix+ixinc
fin para
iy = iy+iyinc
z=z+zinc
fin para
fin sub

La línea clave para este motor 3D es “offset_matrix[i,j] = (sy * ancho) + sx”, esto es las coordenadas de proyección de cada punto 2D (sistema XY) en puntos 3D (sistema XZ) se emplean para calcular un desplazamiento sobre la memoria de la textura y se salva en un vector (el “offset_matrix”) para usarlo como tabla de valores precalculados.

En segundo termino visitaremos el post “síntesis de un cilindro por computadora”, en este se incluía un pseudocódigo para renderizar usando matrices de desplazamiento como la que se ha obtenido en el punto anterior, en este se hacia algo parecido a lo que sigue:

subrutina render_offset_matrix(offset_matrix, img)
index=0
para sx=0 hasta sx=ANCHO_PANTALLA hacer en cada paso sx=sx+1
para sy=0 hasta sy=ALTO_PANTALLA hacer en cada paso sy=sy+1
MEMORIA_VIDEO[sx,sy] = img[offset_matrix[index]]
index = index+1
fin para
fin para
fin subrutina

Para matizar estos dos últimos puntos conviene decir que las matrices de desplazamiento (tal y como se observa en este ultimo pseudocódigo) deben tener igual tamaño que la memoria de video aun cuando la textura sea mas pequeña o mas grande.

Por ultimo y no por ello menos importante nos ocuparemos de rotar la textura de manera que sea posible una vista de esta 360º en torno al eje OY. Esto implica que este motor efectúa una proyección de una textura en el sistema XY en un sistema XZ empleando el eje Y para efectuar una rotación como única transformación geométrica en 3D, no obstante y como vamos a ver a continuación esta transformación no es tridimensional sino bidimensional al rotar la textura en 2D primero y proyectar en segundo orden para efectuar el render completo. Nos iremos al post “programación de juegos 2D” para obtener del documento “programticajuegos2d.pdf” publicado en este mismo post la rutina “show_vspr” que renombramos como “obtener_textura”:

Subrutina obtener_textura(x, y, ox, oy, alpha, f, c, t1,t2)
ty1 = 0

desde a=-h/2 hasta a=h/2 hacer
   tx1 = 0
   desde b=-w/2 hasta b=w/2 hacer
    tx2 = x + (((a x coseno de alpha) - (b x seno de alpha)) x f) + ox
    ty2 = y + (((a x seno de alpha) + (b x coseno de alpha)) x f) + oy
    color = obtener_punto(t1,tx1,ty1,t)
si color <> c
     poner_punto(t2,tx2,ty2,color)
    fin si
   incrementar b
   incrementar tx1
fin de hacer
incrementar a
incrementar ty1
fin de hacer
Fin de la subrutina show_sprite

Así tx1, ty1 corresponden a las coordenadas de la textura y tx2, ty2 corresponden a las coordenadas sobre una copia rotada sobre el eje OZ de la textura.

Así con todo el bucle de juego puede quedar algo semejante a esto:

…
prerenderizar_plano(100, 2, 0, 0, 200,200, offset_matrix)
…

<window_img es una imagen de 200x200>
Bucle infinito
…
x = x+(vel*Sin(angle))
y = y-(vel*Cos(angle))
obtener_textura(x, y, 0, 0, angle, 1, 0, img, window_img)
render_offset_matrix(offset_matrix, window_img)
…
Fin del bucle infinito

Y bien esto es todo lo que hace falta. Este ha sido el motor de 3D empleado en el videojuego “Tracks” de este blog, esta bien echarle un vistazo como demostración de las ideas y rutinas que se han ido exponiendo en este articulo, tampoco esta de mas consultar los posts citados para ampliar y concretar este articulo. Consultar los artículos relacionados.

Articulos relacionados:

· TRACKS: UNA CARRERA CONTRA EL TIEMPO.

· SALVAPANTALLAS PARALLAX.

· SALVAPANTALLAS SPHERE.
. RENDER DE UN PLANO EN PROYECCIÓN PARALELA.

· CREACIÓN DE TEXTURAS: TEXTURAS PROCEDURALES.

· UNA SINTESIS DE UN CILINDRO POR COMPUTADORA.
· PROGRAMACIÓN DE JUEGOS 2D

TRACKS: UNA CARRERA CONTRA EL TIEMPO

2011-12-28T15:33:00.013+01:00

Tracks es un juego de carrera contrarreloj en el que se controla una esfera que avanza rodando sobre un sinuoso circuito, el objetivo del juego es mejorar el record de cada circuito guiando la bola los mas rápidamente posible. Existen tres pista o niveles de dificultad, esto es fácil, medio y difícil. Escogido el nivel en que jugar se emplearan en el teclado los cursores (o bien el stick del joypad) para girar a izquierda o derecha, acelerar la bola (cursor arriba) o deacelerarla (cursor abajo), si bien la bola nunca para de rodar.

Tracks es un compendio de efectos gráficos que ya se habían publicado en el blog, Teniendo un aspecto visual semejante al del salvapantallas “parallax”. Consultar los articulos relacionados.

Descargar Tracks (versión alpha 1) desde:
https://rapidshare.com/files/148485386/tracks_alpha1.zip

(de fallar probar a no ejecutar en pantalla completa)

Articulos relacionados:

· SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS.

· TRACKS: UNA CARRERA CONTRA EL TIEMPO.
· SALVAPANTALLAS PARALLAX.
· SALVAPANTALLAS SPHERE.

. RENDER DE UN PLANO EN PROYECCIÓN PARALELA.

· CREACIÓN DE TEXTURAS: TEXTURAS PROCEDURALES.

· UNA SINTESIS DE UN CILINDRO POR COMPUTADORA.

RENDER DE UN PLANO EN PROYECCIÓN PARALELA

2011-11-30T19:10:00.010+01:00

Siguiendo con los post dedicados a la programación grafica abordo el render de una nueva figura en este post. Primero de todo explicar que la proyección paralela es aquella en la que existe un solo punto de fuga, este punto hace intersección con la línea del horizonte, la cual divide la pantalla en dos partes horizontales, y todas las líneas de perspectiva pasan forzosamente por este punto. Estas líneas sirven para dibujar en tres dimensiones. Así cuando hablo del render de un plano en este tipo de proyección me refiero a un plano infinito (esto quiere decir que no es un polígono, no tiene un área finita), como el cielo o el suelo que se extiende hasta el horizonte, y que son vistos completamente de frente. Esto implica la no posibilidad de picados (ver el plano desde arriba) o contrapicados (ver el plano desde abajo).

Hecha esta sencilla explicación puedo meterme de fondo en el tema del post, esto es representar una textura (que es plana) en tres dimensiones de tal forma que el plano siempre esta forzosamente paralelo a la línea del horizonte o perpendicular a la misma. El método seguido es muy intuitivo, aplico una coordenada extra de profundidad a cada punto de la textura, de forma que las dos primeras coordenadas tridimensionales serán las propias del punto en la textura, esto es “x” e “y“, mientras que la tercera coordenada “z“, esta en función de la coordenada “y“, así “z=1+(y*distancia/(alto-horizonte))”.

Antes de continuar la proyección de un punto con coordenadas de tres dimensiones en una superficie de dos dimensiones se hace mediante las formulas:

Este pseudo-código va a ocuparse de proyectar una textura de la forma expuesta:

subrutina renderizar_plano(horizonte, distancia, wx, wy, ww, wh, img)
iy = 0
ixinc = ww/ancho : iyinc = wh/(alto-horizonte)
z=1 : zinc=distancia/(alto-horizonte)
para i=horizonte hasta que i=alto-1 hacer en cada paso i=i+1
    ix = 0 : sy=wy+(wh/2)+((iy-(wh/2))/z)
    si sy < 0 o sy >= h
      mientras que sy < 0
        sy = h+sy
      fin mientras
     mientras que sy >= h
        sy = sy-h
      fin mientras
    fin si
    para j=0 hasta que ancho-1 hacer en cada paso j=j+1
      sx=wx+(ww/2)+((ix-(ww/2))/z)
      si sx < 0 o sx >= w
        mientras que sx < 0
          sx = w+sx
        fin mientras
        mientras que sx >= w
          sx = sx-w
        fin mientras
      fin si
      poner_punto_en_pantalla(i,j,coger_punto_de_la_textura(sx,sy,img))
      ix = ix+ixinc
    fin para
    iy = iy+iyinc
    z=z+zinc
fin para
fin sub

Donde: “horizonte” es la línea de la pantalla que hace las veces de línea del horizonte, “distancia” es la distancia o profundidad del horizonte respecto del observador (la persona que mira la pantalla), los cuatro parámetros “wx“,“wy“,“ww” y “wh” indican una subárea de la textura que será la mapeada, los dos primeros son el origen de esta subárea y los dos segundos serán las dimensiones de la misma, por ultimo “img” es la textura misma.

Articulos relacionados:
· TRACKS: UNA CARRERA CONTRA EL TIEMPO.
· SALVAPANTALLAS PARALLAX.
· SALVAPANTALLAS SPHERE.
· SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS.

SALVAPANTALLAS PARALLAX

2011-11-28T23:53:00.015+01:00

Nuevamente ofrezco un post con un protector de pantalla, en este caso se trata del Parallax, en el que empleo un tipo de render de proyección paralela distinto a los de otros protectores como Hipnotics o Caleidoscopio.

Parallax es un salvapantallas de Windows en el que se vuela rumbo al horizonte en un paisaje de azulejos sobre los que se refleja un cielo azul repleto de nubes.

Para utilizarlo primero descargarlo desde: https://rapidshare.com/files/1584625889/parallax.zip, después expandir el archivo parallax.zip en el directorio de Windows y establecerlo como salva pantallas a través de Panel de Control/apariencia/cambiar protector de pantalla.

Articulos relacionados:
· TRACKS: UNA CARRERA CONTRA EL TIEMPO.
· SALVAPANTALLAS PARALLAX.
· SALVAPANTALLAS SPHERE.
. RENDER DE UN PLANO EN PROYECCIÓN PARALELA.
· CREACIÓN DE TEXTURAS: TEXTURAS PROCEDURALES.
· SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS.

UNA PEQUEÑA MUESTRA DE COMIC

2011-11-21T00:17:00.003+01:00

En esta ocasión presento un par de cómics/cartoons de dos estilos personales que yo pienso son bien diferenciados.

Este line-out lo he llamado ZZZZ!, corresponde a un estilo humorístico con la línea muy fina y redondeada, perspectiva muy parcial y con un escorzo bastante pronunciado. Esta viñeta en blanco y negro de ser coloreada lo seria con colores planos, los sombreados son líneas rectas que ayudan a dotar al dibujo de una cierta sensación de volumen.

Este otro astronauta es de un estilo mas serio, líneas mas fuertes, gruesas y rectas, perspectiva mas completa y con menos escorzo. El color es en tonos de grises, donde el contraste entre el gris y el blanco le da una sensación de volumen mas acusada. En definitiva este estilo es menos impactante y llamativo y es que para gustos están los colores.

SALVAPANTALLAS HIPNOTICO

2011-11-15T16:04:00.010+01:00

Hipnotics es un sencillo salvapantallas que hace aparecer un grafico capaz de causar un trance del tipo hipnótico en el observador, esto es; el típico grafico animado de círculos concéntricos blancos y negros. Puede parecer un diseño soso pero parece excelente para proteger el fosforo de la pantalla.

Para utilizarlo primero descargarlo desde: https://rapidshare.com/files/525634434/hipnotics.zip, después expandir el archivo hipnotics.zip en el directorio de Windows y establecerlo como salva pantallas a través de Panel de Control/apariencia/cambiar protector de pantalla.

Articulos relacionados:
· UNA SINTESIS DE UN CILINDRO POR COMPUTADORA.
· UN CALEIODOSCOPIO COMO SALVAPANTALLAS.

UNA SINTESIS DE UN CILINDRO POR COMPUTADORA

2011-11-14T22:44:00.013+01:00

Hace una montón de años en una revista sobe programación de ordenadores, sino recuerdo mal se llamaba “Programación Actual”, apareció un articulo que mostraba la matemática, así como un código para desarrollar esto mismo sobre lo que trata este articulo, un render de un cilindro por dentro, personalmente me gusto mucho la forma en que habían solucionado este asunto, también me entusiasmo la idea en si misma. Años después reconstruí este procedimiento de memoria, siguiendo las pautas expuestas en aquel articulo pero con algunas adaptaciones a la época moderna.

Aquel algoritmo precalculaba en una memoria la proyección del espacio tridimensional interior al cilindro sobre una pantalla de 2D y lo almacenaba en una memoria (un vector de 2 dimensiones) como desplazamientos sobre la memoria de video. En las primitivas maquinas de la época esta pequeña matriz se guardaba en disco. Así había dos programas, uno que generaba el fichero con las proyecciones precalculadas y otro que explotaba este fichero y hacia el render propiamente dicho. El segundo programa no tiene misterios para alguien un poco versado en las lides del software, no obstante el primero si que es bastante interesante.

El procedimiento seguido en el precalculo es el siguiente, el cilindro se divide en secciones paralelas haciendo de este una continuidad de estas secciones, así cada sección resulta en un circulo. Bien calcular los puntos de un circulo es tarea bien sencilla mediante el simple empleo de la trigonometría, esto hara: X = r . cos(alpha) e Y = r . sen(alpha). Repetir este proceso para los posibles ángulos del circulo (de 0º a 360º), en pseudocódigo:

para alpha=0 hasta alpha=2*3.1515 en cada paso hacer alpha=alpha+((2*3.1415)/DEGREES)
<hacer sección del cilindro>
fin para

Bien ahora hay que ocuparse de cada sección del cilindro, como el puto de fuga esta en el centro de la pantalla y tenemos una proyección paralela del cilindro desde su base hasta su extremo, simplemente habremos de coger cada vez un valor del radio “r” mas pequeño, esto hara:

txinc=ANCHO_PANTALLA/DEGREES
tyinc=ALTO_PANTALLA/ANCHO_PANTALLA
tx=0
para alpha=0 hasta alpha=2*3.1515 en cada paso hacer alpha=alpha+((2*3.1415)/DEGREES)
   ty=0
   para r=ANCHO_PANTALLA hasta r=VALOR_DE_CORTE en cada paso hacer r=r-1
     X = r . cos(alpha)
     Y = r . sen(alpha)
     pre_calculo[X,Y]=(ty*ANCHO_PANTALLA)+tx
   ty=ty+tyinc
   fin para
   tx=tx+txinc
fin para

Para un calculo afinado el valor “DEGRESS” puede estar en 5000, por otro lado el valor “VALOR_DE_CORTE” permite no proyectar mas secciones del cilindro por debajo de un cierto radio, así se consigue dejarlo corto por delante, este valor puede dejarse a cero.

Con todo esto ha quedado el precalculo de todos los puntos del cilindro en el vector “pre_calculo”. Emplearemos una textura para renderizar el interior del cilindro, ahora simplemente para cada coordenada de textura conocemos su dirección sobre la memoria de video sumando a la dirección inicial de esta el valor de “pre_calculo” para esta misma coordenada. En pseudo-código:

Para tx=0 hasta tx=ANCHO_PANTALLA hacer en cada paso tx=tx+1
   Para ty=0 hasta ty=ALTO_PANTALLA hacer en cada paso ty=ty+1
     *(MEMORIA_VIDEO+pre_calculo[tx,ty]) = MEMORIA_TEXTURA[tx,ty]
   fin para
fin para

Para este pseudo-código la textura y la pantalla son igual de grandes.

Articulos relacionados:
· SALVAPANTALLAS HIPNOTICO.
· UN CALEIODOSCOPIO COMO SALVAPANTALLAS.
· SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS.

AFILIACIÓN CON BOOSTER BLOG

2011-11-10T19:43:00.007+01:00

Con motivo de la entrada de este blog en la comunidad BoosterBlog publico en este post este sencillísimo diseño que sin embargo posee a mi entender una destacada plasticidad:

BoosterBlog es una comunidad de bloggers que puede ser visitada para unirse o visitar sus blogs. Su dirección: http://www.boosterblog.es.

ALGUNOS CLIPARTS ARTISTICOS

2011-11-09T23:07:00.008+01:00

Estos cliparts tienen la particularidad de haberse dibujado a mano. Pueden ser útiles para emplearlos en presentaciones, hacer diapositivas, o tareas semejantes. Valga el ejemplo siguiente:

Estos son:

Este clipart puede colocarse a la derecha de la diapositiva.

Este otro se puede colocar a la izquierda.

Este puede colocarse en la parte de arriba o en la de debajo de la diapositiva.

Este se puede colocar centreado, ocupando el fondo, o bien a la derecha.

Como puede comprobarse causan una impresión diferente de los cliparts que generan o incluyen los paquetes de soft profesional en sus librerías. Pueden ser útiles en presentaciones temáticas que traten de transmitir una impresión rustica o artesanal.

SKIRMISH: UN VIDEOJUEGO DE COMBATE ESPACIAL

2011-11-08T22:42:00.031+01:00

SKIRMISH es un videojuego basado en el universo de Star Trek y en diversos juegos de esta franquicia, es un arcade de combate espacial entre el Enterprise y escuadrones de naves Klingon. En los Skirmish o escaramuzas las naves se atacan empleando sus rayos láser halla en el espacio profundo en el distante futuro.

Este juego se maneja únicamente con ratón, se interactúa a trabes de los controles en pantalla y pinchando sobre la nave o elemento que deseemos atacar cuando este lo bastante próxima. El concepto clave del SKIRMISH esta en el par de controles velocidad y Angulo de ataque. Estos dos establecen un vector de impulso de manera que al aumentar el angulo nuestra nave realizara ángulos mas acusados, igualmente una velocidad menor proporcionara una mayor maniobrabilidad, jugando bien la navegación de la nave es posible atacar a los enemigos fuera de su alcance y tomarles ventaja.

Los controles en pantalla son como sigue:

Flechas de navegación; estas flechas hacen rotar la nave en los sentidos horario o anti-horario, según se pinché sobre la flecha hacia la derecha o la flecha hacia la izquierda a partir de este momento la nave mantendrá esta misma rotación hasta pinchar sobre la flecha de dirección opuesta o sobre la flecha que apunta en línea recta, si se pincha sobre esta ultima la nave seguirá en línea recta. Ojo la nave no se moverá si no ajustamos la velocidad pinchando sobre la barra de velocidad y el angulo de ataque pinchando sobre la barra homónima.
Barra de velocidad; pinchar sobre esta para modificar la velocidad de la nave, la velocidad oscila de 0 en el extremo izquierdo (color negro) a velocidad máxima en el extremo derecho (color amarillo). Ojo si se ajusta la velocidad pero no el angulo de ataque la nave se moverá pero no podremos girarla.
Barra de angulo de ataque; pinchar sobre esta barra para modificar el vector de impulso de la nave, esta oscila desde 0 en el extremo izquierdo (color negro) a angulo máximo en el extremo derecho (color amarillo). Ojo si la velocidad esta ajustada en cero la nave no girara.

Además de estos tenemos:

La barra de escudos de la nave; es máxima cuando el marcador toca su extremo derecho (color amarillo) y habremos muerto cuando llegue al extremo izquierdo (color negro).
La barra de escudos del elemento apuntado; cuando pinchamos sobre un elemento (como otra nave), esta barra aparecerá señalándonos su nivel de escudos, nuestros disparos la harán mermar, su marcador se moverá del extremos derecho (amarillo) al izquierdo (negro), recordar que solo se hará fuego cuando las naves están al alcance de los phaser.

Y los enemigos:

Naves enemigas; no perseguirán para dispararnos sus phasers cuando estemos a su alcance, para superar cada nivel tenemos que destruirlas a todas. Se nos proporcionara una bonificación de escudos grande tras destruir a una de estas naves.
Torretas; son semejantes a las naves, nos dispararan si caemos bajo su alcance, pero afortunadamente no pueden moverse. No es necesario destruirlas pero si lo hacemos recibiremos una bonificación de escudo apreciable.
Minas; no disparan ni se mueven, pero si las tocamos nuestra nave volara por los aires, si las destruimos recibiremos una bonificación de escudos modesta.
Asteroides; se mueven pero no disparan, los hay de distintos tamaños y velocidades, si nos alcanzan perjudicaran nuestros escudos y no es posible dispararles.

Así con todo a velocidad minima y angulo máximo la nave hará los giros mas escorados, por el contrario a velocidad máxima y angulo mínimo la nave hará los giros prácticamente nulos y se moverá en casi una línea recta.

Seguramente hacen falta mas aclaraciones para saber jugar a SKIRMISH, primero de todo una vez arrancado y tras pasar de la pantalla de titulo (pulsando una tecla) aparecerá un menú para seleccionar en que nivel (pantalla) del juego vamos a empezar la partida, este menú esta hecho a la antigua por eso hay que explicarlo bien para los que sean jóvenes con la informática, los niveles aparecerán numerados del 1 al 9 y tendremos que pulsar la tecla 1 o 2 o 3 … o 9 para seleccionar el nivel respectivo, 1 para jugar al primer nivel, 2 para jugar al segundo y así. Después de esto aparecerá la pantalla de titulo del nivel en que vamos a jugar, pulsamos una tecla y ya podemos participar en un SKIRMISH. Si acabamos con las naves enemigas pasaremos al nivel siguiente, de lo contrario seremos devueltos al menú de selección de nivel. Por ultimo: click izquierdo para interactuar con la pantalla, click derecho par pausar la partida, la tecla escape para abortar la partida, pulsa escape durante la pausa pasa salir al OS.

Puedes descargar SKIRMISH (en Ingles) desde: https://rapidshare.com/files/1758863498/Skirmish.zip

Otros articulos relacionados:
· MATAMARCIANOS GALACTICS
· PROGRAMACIÓN DE JUEGOS 2D

WARMOON: UN VIDEOJUEGO DE ESTRATEGIA BELICA

2011-11-08T17:10:00.017+01:00

WARMOON es un videojuego que se basa en el conocido juego de tablero Risk, la versión que aquí se incluye aun esta en versión Beta pero es totalmente jugable.

A continuación algunas capturas del juego y una breve descripción de las reglas comparadas con el Risk original:

El Risk es un juego de estrategia bélica de normas sencillas que se aprenden rápidamente, básicamente consiste en un mapa dividido en distintos países, los distintos ejércitos (jugadores) al empezar la partida se reparten estos países, para posteriormente disputarse la dominación global conquistando todos los países del tablero.

La partida se divide en rondas, fases y cada fase en turnos, cada turno es para un jugador diferente. Hay tres fases: 1º es el refuerzo; cada jugador recibe un numero de refuerzos al comienzo de cada ronda que deberá emplazar sobre algunos o todos los territorios que controla, 2º es el ataque; cada jugador en su turno puede atacar países controlados por otro jugador desde algún país adyacente que se halle bajo su control, 3º cuando un jugador no desea atacar mas puede hacer un movimiento desde un territorio que controle a otro adyacente a este que también controle. Este ciclo se repite hasta que un jugador desbanca a los otros.

WarMoon respeta estas reglas, si bien hay algunos cambios: 1º en el Risk original la acción transcurría en la tierra durante las guerras napoleónicas pero en WarMoon la acción transcurre en la Luna en el futuro, las facciones constituidas por EE.UU., Rusia, China y la ONU. se disputan el satélite. 2º los países son obviamente diferentes además poseen dos atributos que son: Helio e Hielo, durante la fase 1º el jugador debe vender las parte de estos recursos que le convenga para conseguir refuerzos. 3º el sistema de combate es distinto, esta computerizado y en el intervienen tantas tropas como se quiera, en este sentido es preferible atacar con tantas tropas como se posible para tomar ventaja. 4º en el Risk original se podía ganar cuando se conquistaba todo el tablero o se alcanzaba algún objetivo pero en WarMoon hay cuatro posibles victorias, estas son: Por dominación, se conquista toda la Luna. Por economía; se acaparan 500 toneladas de helio y 100 de hielo. Por política, cuando se atesoran 300 toneladas de Helio y se controlan 25 países; Por estrategia, si se atesoran 150 toneladas de helio, 50 toneladas de hielo y se controlan 15 países.

La interfase grafica del juego se divide en una serie de ventanas, a saber estas son: 1º el minimapa, 2º la ventana "LOG" donde se reciben mensajes y se hacen las entradas de usuario, 3º la ventana de información, donde se indica el color representativo de cada facción, 4º la ventana de turno, donde se indica cual es la facción que juega en ese momento y 5º la vista grafica donde se representa al satélite, a tener en cuenta que: si mantenemos el click izquierdo del ratón y arrastramos el cursor sobre la Luna la haremos girar. Cuando se nos solicite a trabes de la ventana LOG el seleccionar un país cliquear con el botón izquierdo del ratón sobre alguno. Además si se pulsa sobre los iconos aspa, doc e info saldremos del juego, desplegaremos el manual de juego o se nos mostrara la pantalla de créditos respectivamente.

En el apartado técnico mencionar que el juego emplea un motor de render 3d del tipo trazador de rayos, esto significa que esta construido a pelo, no usa DirectX, OpenGL u otras tecnologías semejantes. Esto puede suponer incompatibilidades o mal funciones de los gráficos con algunas tarjetas graficas recientes, por ejemplo en algunos ordenadores no es posible hacer girar bola de la luna. La luna es renderizada conforme a una geometría de mi invención a la que he denominado "Superficie Esferoide".

Actualmente la versión Beta no posee I.A. por lo que se requieren de 2 a 4 jugadores humanos.

Descarga WarMoon Versión: Windows, Beta 1 en Ingles desde: https://rapidshare.com/files/3193942814/warmoon_beta1.zip.

Otros articulos relacionados:

· ESFERAS VS. SUPERFICIES ESFEROIDES.
· SALVAPANTALLAS SPHERE.

PROGRAMACIÓN DE JUEGOS 2D

2011-11-07T17:26:00.008+01:00

Para los interesados en programación, en este post publico el documento ProgramaticaJuegos2D.pdf en el que expongo los patrones programáticos y plantillas de programación usados en algunos de los juegos que voy subiendo al blog (p.ej: Galactics y Skirmish).

Este documento básicamente trata sobre mi religión personal sobre los videojuegos 2D, que consiste en sustituir los rectángulos que se empleaban para mostrar las imágenes de los sprites y verificar sus esquinas, por círculos. Los círculos permiten emplear gráficos renderizados que no rasterizados, los sprites así se transforman (rotan sobre el eje OZ y además se escalan) en vez de simplemente invertirse, en forma análoga se mueven sobre un espacio coordenado de dos dimensiones.

En resumen cambiar un concepto por otro permite emplear vistas mucho mas perfeccionadas para los juegos. Estos juegos serian en definitiva una actualización de los antiguos juegos vector (como Asteroids por ejemplo) de los 70 y tempranos ochenta a los displays actuales.

Otros articulos relacionados:
· SKIRMISH: UN VIDEOJUEGO DE COMBATE ESPACIAL
· GALACTICS
· SIMULADOR DE MODO 7: PROGRAMACIÓN DE UNA VISTA 3D PARA JUEGOS.

ESFERAS VS. SUPERFICIES ESFEROIDES

2011-11-07T17:23:00.013+01:00

Estos esferoides son una figura geométrica de mi invención, irreal y desconocida, al menos hasta ahora, incluso de forma teórica pero con propiedades interesantes para la renderización de gráficos, esto permiten hacer cosas de otra forma imposible.

Una superficie esferoide es una clase de figura geometrica inexistente en el mundo real y que carece de realidad o posibilidad física aún que pueden ser dibujadas por computadora. En esencia es una figura tridimensional que comparte la forma con la esfera (aunque sea de modo aparente) pero que no posee sus cualidades siendo estas las caracteristicas de una superficie plana (o bidimensional). Los puntos sobre una superficie esferoide pueden hallarse en coordenadas polares o cartesianas de forma analoga a la esfera y solo en forma cartesiana en relación a un superfice de dos dimensiones. Tomaremos un sistema cartesiano de dos dimensiones colocando con su origen en el centro de la superficie, tal y como se muestra en la figura siguiente.

Este sistema de coordenadas abarca por completo la superficie con sus estremos izquierdo y superior en “-r” y sus extremos derecho e inferior en “+r”, siendo “r” el radio de la superficie esferoide, las variables “a” y “b” son coordenadas sobre los ejes “X” e “Y” respectivamente. Para proyectar los puntos dados por “a” y “b” de la superficie plana en la superficie esferoide usamos la matematica de la circunferencia, haciendo:

Naturalmente se considera el triangulo rectángulo formado por los catetos “a” y “b”, siendo el primero el opuesto y el segundo el contiguo, “c” no es la hipotenusa del mismo. Para una superficie esferoide el valor de “c” se obtiene del teorema de Pitágoras extendido a las tres dimensiones:

Este ha sido el primer concepto importante, ya que introduce la tercera dimensión en una superficie plana. La inclusión de la constante “z” hace los valores de “c” mas pequeños cuanto mas se acercan “a” y/o “b” al origen de coordenadas, de esta manera a mayor valor para “z” la superficie se proyecta sobre una curva mas acusada. Para que esta superficie proyectada será esferoide, esto implica que la curva asemeje la forma de la esfera, el valor de “z” será la mitad del valor del radio, esto es debido a la sensación visual causada por el volumen, siendo este el segundo y ultimo concepto importante.

Como el titulo reza: la esfera es un objeto real y tridimensional en forma y propiedades por el contrario la superficie esferoide es un objeto inexistente, tridimensional en forma pero bidimensional en propiedades. Consideraremos ambas figuras divididas en dos hemisferios laterales, este y oeste, de esta manera:

En una esfera si cruzamos el hemisferio este por el norte aparecemos en el norte del hemisferio oeste. Si cruzamos por el norte del hemisferio oeste aparecemos en el norte del hemisferio este.

En una superficie esferoide si cruzamos el hemisferio este por el norte aparecemos al sur de este mismo hemisferio. Si cruzamos por el norte del hemisferio oeste aparecemos al sur de este mismo.

En una esfera si cruzamos el hemisferio este por el sur aparecemos en el sur del hemisferio oeste. Si cruzamos por el sur del hemisferio oeste aparecemos en el sur del hemisferio este.

En una superficie esferoide si cruzamos el hemisferio este por el sur aparecemos al norte de este mismo hemisferio. Si cruzamos por el sur del hemisferio oeste aparecemos al norte de este mismo.

En una esfera y en una superficie esferoide si cruzamos del hemisferio este por el este aparecemos en el hemisferio oeste, si cruzamos el hemisferio oeste por el oeste aparecemos en el hemisferio este.

Una esfera se puede rotar sobre los todos los ejes coordenas, las superficies esferoides solo pueden rotarse sobre los ejes “X e “Y” puesto que al carecer de polos no tiene eje “Z”.

Así las aplicaciones de las superficies esferoides se circunscriben a proyectar superficies bidimensionales sobre un esferoide conservando las propiedades de estas superficies, las esferas tienen polos las superficies planas no, en este sentido:

Sobre una esfera se proyectaran superficies materiales (como la piel de una naranja), si es un mapa este habrá de ser un mapamundi, de algún planeta.
Sobre una superficie esferoide no es posible proyectar superficies materiales (puesto que esta clase de superficies no poseen polos) , si es un mapa, nunca podrá ser un mapamundi, si podrá ser un mapa localizado, como por ejemplo el tablero de un juego de mesa.

Las esferas se hallan en el mundo real, como ejemplo están los planetas, las frutas esféricas, los balones de futbol, y un largo etcétera. Las superficies esferoides no existen en el mundo real, no es una forma creada por la naturaleza, tampoco puede fabricarse artificialmente, esta fuera de la realidad física, en este sentido esta clase de figuras no podrían rodar ni siquiera adelante y atrás. Pero si pueden sintetizarse por computadora.

Articulos relacionados:
· WARMOON: UN VIDEOJUEGO DE ESTRATEGIA BELICA.
· SALVAPANTALLAS SPHERE.

EXPOSICIÓN DE PINTURAS ORIGINALES

2011-11-06T12:08:00.010+01:00

En este post aparecen algunas de mis pinturas o cómics, es interesante descargarlas y verlas a tamaño completo para observar en detalle el trazo a mano, lo que mejora mucho su apreciación como obras de arte. Veámoslas en detalle:

Ha esta la he llamado “Terror“, es una viñeta y tiene carácter humorístico, el diseño esta inspirado por los programas de radio y Tv. de misterio. Representa el resurgir de un espíritu de su tumba, en el centro de la viñeta aparece un pergamino bajo un cráneo con una vela, obsérvese que la luz reflejada por la vela atrae la atención sobre la lapida, que da a entender algún ritual espiritista de resurrección.

El viejo con su pipa, esta es una viñeta con un carácter de critica social, reivindicando, aunque suene políticamente incorrecto, el fumar, por lo menos en pipa. Queriendo expresar que fumar en pipa, ocasionalmente, me parece una buena costumbre, el viejo, símbolo de la experiencia y la sabiduría, enfatiza las virtudes de la picadura de tabaco para la reflexión y la relajación.

“Starships”, fruto de mi afición por la Sci-Fi televisiva, he inspirado por series como Babylon 5, hice este dibujo a tinta sin mayores connotaciones.

Esta es una serie de laminas que copian obras de autores del siglo XIX y principios del XX. No poseen ninguna idea mía pero valen por su expresividad artística.

Este sencillo desnudo tiene la particularidad de haberse realizado íntegramente por infografía, mediante el Paint de Windows y el fabuloso programa GNU de manipulación de imágenes GIMP. No tiene ningún mensaje, aparte de que las chicas así son estupendas, pero sigue una técnica pictórica poco ortodoxa lo que le confiere en mi opinión una plasticidad muy interesante.

TURTLE MADNESS; BASADO EN EL PRIMER MARIO BROS

2011-11-06T00:17:00.007+01:00

El videojuego "Turtle Madness" esta basado en el primer Mario Bros. con gráficos ochenteros de estilo retro. La acción se desarrolla en las canalizaciones de la ciudad que han sido invadidas por una plaga de tortugas gigantes y caníbales. El objetivo del juego es librarse de las mismas, para ello adoptamos el papel de un trabajador de las canalizaciones capaz, de volar agitando los brazos. Este puede terminar con las tortugas volviéndolas caparazón arriba mientras están durmiendo.

Tenemos los siguientes controles:

Cursor arriba, para que nuestro héroe se eche a volar hacia arriba, si no mantenemos la tecla pulsada caerá hacia abajo.
Cursor derecha, para caminar hacia la derecha sobre las tuberías grandes o en su defecto para volar hacia la derecha.
Cursor izquierda, para caminar hacia la izquierda o volar hacia esta dirección.

A tener en cuenta que cuando controlemos al personaje este solo puede volar hacia los lados cuando caemos o ascendemos pero nunca en esas direcciones únicamente Igualmente si abandonamos la pantalla por alguno de sus extremos volveremos a aparecer por el opuesto.

Además de la peste de tortugas hay roedores: ratas y murciélagos, libres por el sistema de canalizaciones estas atacan al hombre y son tan capaces de acabar contigo como las tortugas mismas. Por si no fuera poco hay escapes en las tuberías con peligrosas goteras que amenazan la salud del protagonista.

El juego consta de cinco niveles, para superar un nivel debe voltear a todas las tortugas que hay en el mismo, si muere el juego se reinicia desde el nivel en que se encuentra. Cuando se superan los cinco niveles el juego recomienza desde el nivel inicial.

Este no es solo un plataformoide retro, además es un juego de pensar donde es muy importante encontrar una estrategia adecuada para poder superar cada nivel, la mezcla de acción y estrategia permite que produzca un efecto relajante y adictivo sobre el jugador.

Puedes descargarlo desde: https://rapidshare.com/files/1363813601/turtle-madness.zip

OJO: ESTE JUEGO CORRE UNICAMENTE EN EQUIPOS CAPACES DE SOPORTAR RESOLUCIONES DE PANTALLA DE 1024x768 PIXELS EN 16 BITS DE COLOR, SI ESTE NO ES EL CASO DE TU ORDENADOR CONECTALO CON UN MONITOR EXTERNO CAPAZ DE TRABAJAR EN ESTA RESOLUCIÓN.

MATAMARCIANOS GALACTICS

2011-11-05T14:24:00.015+01:00

GALACTICS es un shooter espacial con vista cenital y gráficos del tipo vectorial en 2D (es decir con rotación de los sprites de 360 grados). El objetivo del juego es destruir en cada pantalla las naves nodrizas de las que despegan fighters enemigos. Así cada vez que acertemos en un fighter despegara otro nuevo en tanto su nave nodriza no sea destruida. Con esta simple premisa se presenta este sencillo juego que puede estar bien para pasar algunas horas matando marcianos con la innovación de unos gráficos y dinámica semejante a la de clásicos como el “Asteroids” pero sustituyendo los simplistas gráficos renderizados tirando líneas sobre un espacio bidimensional por sprites mas atractivos visualmente y las pantallas cerradas por otras abiertas con scroll de fondo.

Como Jugar: primero de todo descargar del enlace https://rapidshare.com/files/3298595809/galactics.zip, despues expandir el zip en tu equipo y ejecutar el binario galactics.exe. Hecho esto el juego nos introducirá a una pantalla con un formulario donde entrar la configuración de la partida (usando tabulador para pasar entre los campos de entrada y enter para validarlos).

Como se ha podido apreciar en la pantalla, se nos piden las entradas siguientes:

Numero de bases; introducir un numero entre 1 y 3, como su propio indica especifica a cuantas naves nodrizas te enfrentaras durante la partida.
Numero de fighters por cada base; introducir un numero entre 1 y 10, es la cantidad máxima de “fighters” que despegaran de una base durante la partida, si se abate un “fighter” despegara otro nuevo de su base pero nunca mas del numero aquí indicado.
Resistencia de la base en impactos; como poco 10 impactos y como mucho 255, es la cantidad de disparos que tenemos que acertarle a una base para que sea destruida, cuantos mas impactos, mas bases y mas fighters se indiquen mayor será la dificultad de la partida.
Numero de vidas; entre 1 vida y 10, indica cuantas veces podrán matarnos antes del Game Over, al perder una vida se resetea la partida por completo, esto es las bases destruidas vuelven a aparecer, no obstante la puntuación se mantiene.

Una vez estemos satisfechos con la configuración de la partida seleccionar “Jugar ya!” y pulsar enter.

Como se puede apreciar en el extremo inferior izquierdo de la pantalla en el recuadro amarillo se sitúa el radar que nos permite ubicar a los enemigos que están fuera de vista.

Los controles durante el juego son los siguientes:

Cursor arriba: acelera la nave.
Cursor abajo: frena la nave.
Cursor derecha: gira en sentido horario la nave.
Cursor izquierda: gira en sentido anti horario la nave.
Mantener pulsada la barra espaciadora para disparar.
Enter; es el turbo, acelera mas rápido que cursor arriba.
Escape; finaliza la partida y el juego matando el proceso.

O bien utilizar joystick, stick #1 en lugar de los cursores, el botón #1 por la barra espaciadora y el botón #2 por Enter.

Existen diferentes bonificaciones estas son:

100 puntos por cada fighter abatido.
100 puntos por cada impacto en una base.
500 puntos por cada base destruida.
1000 puntos por cada vida que conservemos al terminar la partida.
Una vida extra al alcanzar los 5000 puntos.
Una vida extra al alcanzar los 8000 puntos.
Una vida extra al alcanzar los 10000 puntos.

Tanto si tenemos éxito como si no al finalizar la partida se guardara nuestra puntuación si superamos el record existente como nuevo record.

Aviso: para cerrar el juego no pulsar del aspa en la barra de caption de la ventana, pulsar escape durante la partida.

Otros articulos relacionados:
· SKIRMISH: UN VIDEOJUEGO DE COMBATE ESPACIAL
· PROGRAMACIÓN DE JUEGOS 2D

UN CALEIODOSCOPIO COMO SALVAPANTALLAS

2011-11-05T12:19:00.010+01:00

Un calidoscopio es un sencillo juguete consistente en un tubo con un juego de espejos en su interior y algunos motivos que se reflejan en los mismos. Este salvapantallas genera una pantalla con una concepción semejante a la de estos juguetes con el motivo interior animado en sentido de rotación sobre el eje del tubo y en sentido de retroceso a través del mismo.

Como usarlo:

1º Descargar: https://rapidshare.com/files/2908749071/caleidoscopio.zip.

2º Expandir el zip en el directorio de Windows y acceder a "Apariencia/Cambiar protector de pantalla" en el "panel de control" para seleccionarlo (con el nombre "screen_saver") y aceptar.

Otros articulos relacionados:
· SALVAPANTALLAS HIPNOTICO.
· UNA SINTESIS DE UN CILINDRO POR COMPUTADORA.