Isometría matemáticamente

La vista isométrica está basada en una grilla rotada, vista a una elevación determinada, lo cual le da una forma de diamante a la grilla como se puede ver abajo. Esto provee una representación en tres dimensiones, pero sin perspectiva, de un objeto o varios; y es particularmente adecuado para modelos de ingeniería.

Tradicionalmente, la vista isométrica esta basada en un ángulo de 30°, sin embargo, en una pantalla de computadora este ángulo le dará una apariencia irregular y desprolija a la línea diagonal; como se puede ver en el diagrama de abajo. Por este motivo, es usado un ángulo de aproximadamente 26.565°, ya que crea una línea prolija y definida.

Por supuesto, que esta cifra mágica de 26.565° es prácticamente inútil cuando se dibuja a mano. Sólo necesitas concentrarte en el principio para dibujar líneas: un pixel arriba y dos hacia el costado. Si, por el contrario, estás tratando de usar una textura o algo que se superpone sin dibujarlo isométricamente, entonces esta figura será importante cuando tengas que moverla para que tenga el mismo ngulo.

Los dos tipos de contrucción

Hay dos métodos de construcción principales para dibujar gráficos isométricos como se ilustra abajo. El tipo A (rojo) usa una línea de 3 pixeles en las esquinas delanteras, y el tipo B (verde) no lo hace.

Las tres flechas señalan algunas de las pequeñas fallas que de otro modo aparecerían como una línea recta. Con el tipo B no hay tal problema y se obtiene un borde lindo y prolijo, y la grilla tendrá líneas claras.

Hay varias opciones para sombrear, iluminar y contornear. La imagen animada de abajo muestra unas combinaciones básicas. La decisión sobre cuál utilizar depende del estilo de gráfico que estés tratando de crear.

Construyendo una grilla

Como se explicó previamente, el tipo B es el mejor método para hacer gráficos basados en una grilla o un mosaico. Ahora, es bastante directo dibujar líneas diagonales entrecruzadas con los ángulos correctos, pero es menos obvio, cómo hacer que estas encajen en un mosaico.

Para que un mosaico encaje correctamente, las líneas negras sólo deberían ser utilizadas en dos de los lados de cada cuadrado (o de la forma de diamante). La animación de arriba muestra cómo las formas de los mosaicos son producidas para esa grilla. La animación de abajo muestra cómo encajan las figuras en forma de mosaico. Es importante darse cuenta de que las esquinas laterales derecha e izquierda de los mosaicos miden 2 pixeles de alto.

Abajo hay un par de imágenes que te podrían ser útiles. Una, es una grilla isométrica básica y la otra es un motivo rectangular que puede ser utilizado para crear una grilla isométrica rellenando un área.

Construcción de formas básicas

Los siguientes son todos ejemplos de varias formas y construcciones en forma de bloque:

Los círculos son la parte más tramposa de las imágenes isométricas. Mientras que un círculo horizontal o isométricamente plano es relativamente simple, aquellos como las ruedas y otros círculos verticales son mucho más complicados.