Graficación 2D

INTRODUCCIÓN.

Graficación 2D La computación gráfica 2D es la generación de imágenes digitales por computadora - sobre todo de modelos bidimensionales (como modelos geométricos, texto e  imágenes digitales 2D) y por técnicas específicas para ellos. La palabra puede referirse a la rama de las ciencias de la computación que comprende dichas técnicas, o a los propios modelos. 

Se utiliza principalmente en aplicaciones que fueron desarrolladas originalmente sobre tecnologías de impresión y dibujos tradicionales, tales como tipografía, cartografía, dibujo técnico, publicidad, etc. En estas aplicaciones, la imagen bidimensional no es sólo una representación de un objeto del mundo real, sino un artefacto independiente con valor semántico añadido; los modelos bidimensionales son preferidos por lo tanto, porque dan un control más directo de la imagen.

En esta práctica representaremos un rectángulo haciendo sus respectivas transformaciones propuestas como traslación.  Una traslación es el movimiento en línea recta de un objeto de una posición a otra. 
Movimiento de una figura, sin rotarla ni voltearla. "Deslizar".

Y por tanto escalación que dependiendo del factor de escalación el objeto sufrirá un cambio en su tamaño pasando a ser mayor, o menor en su segmento de longitud.
Esta es la transformación del objeto especialmente interesante, pues con ella se consigue el efecto Zoom. 

Continuación veremos el desarrollo de este gran ejercicio propuesto.

DESARROLLO.

Para realizar esta práctica numero 2 graficación 2D hecha en C#, primero necesitaremos crear un proyecto en C# Windows Fomr. Ya que lo hayamos hecho nos aparecerá un formulario y le cambiaremos el fondo a color negro (el color del fondo es opcional).

[pic 1]

Agregaremos de la caja de herramientas un timer que nos serviría después para que nuestro rectángulo pueda trasladarse y rotarse.

                                          [pic 2]

Luego de a ver esto pasamos a la parte de la programación para poder graficar nuestra figura y agregarle sus funciones. Para esto primero creamos un evento Paint que nos servirá para visualizar todo lo que vayamos a graficar.

  private void Form1_Paint(object sender, PaintEventArgs e)

  {

  }

Ahora dentro del evento Paint graficaremos lo que sería nuestro plano cartesiano para graficarlo primero llamaremos el método Graphics para crear un objeto que ayude a graficar las líneas que trazarían el plano cartesiano.

Graphics objeto = this.CreateGraphics();

Trazaremos 4 puntos indicamos de que punto a que punto queremos que se trace nuestro plano y también indicamos de qué color pintaremos las líneas de nuestro plano en nuestro caso sería color blanco.

            Point p1 = new Point(370, 0);

            Point p2 = new Point(370, 500);

            Point p3 = new Point(0, 220);

            Point p4 = new Point(750, 220);

            objeto.DrawLine(Pens.White, p1, p2);

            objeto.DrawLine(Pens.White, p3, p4);

Ahora pasaremos a crear nuestro rectángulo para esto necesitamos llamar al método FillRectangle para que se un rectángulo rellenado indicaremos su color (llevara un color aleatorio) su posición inicial (x, y) y su tamaño inicial (alto, ancho).

e.Graphics.FillRectangle(coloraleatorio, x, y, alto, ancho);

Como ya agregamos variables ahora tenemos que ir a declararlas.

int x, y;

Después de a verlas declarado le tenemos que dar valores iniciales. Para el tamaño de nuestro rectángulo ser (30, 30) lo que hace que nuestro rectángulo se convierta un cuadrado. Y para la posición inicial los valores serian (680, 10) lo que haces es que nuestro cuadrado inicie en el primer cuadrante.

int alto = 30;

int ancho = 30;

x = 680;

 y = 10;

Ahora agregaremos el color inicial de nuestro cuadrado como lo había mencionado atrás tomara colores aleatorios pero para este método tiene que tener un color inicial para esto nosotros elegimos el color rojo.

public SolidBrush coloraleatorio = new SolidBrush(Color.Red);

Ahora declararemos lo que serían nuestras constantes.

enum Posicion

 {

    Izquierda, Derecha, Arriba, Abajo

 }

Ya después de todo esto programaremos el timer agregamos un evento Tick para que haga todas las instrucciones que serían las direcciones que va a tomar nuestro rectángulo así como la velocidad en el que se va a trasladar y rotar nuestro cuadrado. Utilizaremos nuestras constantes para poder programar las direcciones.

private void timerMoving_Tick(object sender, EventArgs e)

        {

            if (posicion_objeto == Posicion.Derecha)

            {

                x += 2;

            }

            else if (posicion_objeto == Posicion.Izquierda)

            {

                x -= 2;

            }

            else if (posicion_objeto == Posicion.Arriba)

            {

                y -= 2;

            }

            else if (posicion_objeto == Posicion.Abajo)

            {

                y += 2;

            }

            Invalidate();

...