Controlador VGA

(Resolucin de 640x480, 60Hz)

OBJETIVOS

1) Entender el protocolo VGA.

2) Implementar un controlador de VGA (640x480, 60 Hz).

VGA (Video Graphics Array)

Es un estndar que permite controlar la visualizacin grfica (video) de
una pantalla.
En un inicio, se utiliz para los monitores de rayos catdicos (CRT), pero los
monitores digitales siguen el mismo estndar para mantener la
compatibilidad.
Para representar cada pixel se utilizan tres colores:
R (Rojo), G (Verde) y B (Azul).

Conector VGA

Figura 1. Pines del Conector VGA [1]

1. Red (Rojo)
2. Green (Verde)
3. Blue (Azul)
4. S/C
5. GND
6. GND
7. GND
8. GND
9. S/C
10. GND
11. S/C
12. DDC SAT
13. HS (Sinc. Horizontal)
14. VS (Sinc. Vertical)
15. DDC Clock

VGA: Protocolo (1)

Para controlar la visualizacin grfica, se debern manejar un conjunto de
seales.
Las seales ms importantes son cinco:
1. R (Red)
2. G (Green)
3. B (Blue)
4. HS (Horizontal Synchronization)
5. VS (Vertical Synchronization)

VGA: Protocolo (2)

En un monitor CRT, se tienen tres caones de electrones, los cuales
generan tres haces de electrones, uno por cada color (Rojo, Verde y Azul).
Estos haces se focalizan en la pantalla para generar un pixel.
La intensidad luminosa (el color del pixel) depender del valor de las tres
seales analgicas R, G y B.
Para controlar el recorrido del haz de electrones, se utilizan las seales de
sincronismo HS y VS.

Figura 2. Visualizacin en un CRT (640x480, 60 Hz) [2]

VGA: Protocolo (3)

El haz de electrones deber recorrer toda la pantalla, de izquierda a
derecha, lnea por lnea, empezando por el pixel (0,0) hasta el pixel
(479,639).
Al finalizar una lnea, se necesita un tiempo adicional para que el can
regrese al inicio de la siguiente lnea (retrace time). Durante este tiempo,
las seales R, G y B debern estar apagadas.
El pulso de sincronismo horizontal (HS) marca el inicio de una nueva lnea.

VGA: Protocolo (4)

Se tiene un tiempo antes del pulso (front porch), en el cual el can est
fuera de la pantalla. Y se tiene un tiempo despus del pulso (back porch),
que es el tiempo que demora el can en ir al comienzo de la siguiente
lnea.
El pulso de sincronismo vertical (VS) funciona de manera similar, pero
corresponde al inicio de una nueva pantalla.

Figura 3. Seales de sincronismo (640x480, 60 Hz) [3]

10

VGA: Protocolo (5)

Especificaciones de tiempo para las seales de sincronismo (640x480, 60
Hz):
Tabla 1. Especificaciones (Frecuencia de pixel = 25 MHz)
H_Active

H_FP

H_Synch

H_BP

H_Total

(Unidades)

640

16

96

48

800

Pxeles

V_Active

V_FP

V_Synch

V_BP

V_Total

(Unidades)

480

29

520

Lneas

Figura 4. Seal de sincronismo (HS o VS)

11

VGA: Clculo de la frecuencia de pixel (1)

Para calcular la frecuencia de pixel, se puede utilizar la siguiente
frmula:

f pixel N pantalla f refresco

Donde:
- N = nmero total de pxeles de la pantalla. (Es decir, se incluyen los
pxeles correspondientes al retrace time).
- f = frecuencia de refresco de la pantalla.

Para el caso anterior (640x480, 60 Hz):

N = (800 x 520) = 416000 pxeles, f = 60 Hz.

f pixel 416000 60 24960000 25 MHz

12

VGA: Clculo de la frecuencia de pixel (2)

Para una resolucin de 1024x768, a 70 Hz, se tienen los siguientes
datos:
Tabla2. Especificaciones (1024x768, 70 Hz)
H_Active

H_FP

H_Synch

H_BP

H_Total

(Unidades)

1024

24

136

144

1328

Pxeles

V_Active

V_FP

V_Synch

V_BP

V_Total

(Unidades)

768

29

806

Lneas

Entonces:

f pixel (1328 806) 70 74925760 75 MHz

13

VGA: Cyclone-II DE 2 Board (1)

Figura 5. Circuito esquemtico del VGA (Chip VGA + Conector) [5]

VGA: Cyclone-II DE 2 Board (2)

Seales:
VGA_R, VGA_G, VGA_B: seales de los colores (10 bits).
VGA_HS, VGA_VS: seales de sincronismo.
VGA_CLOCK: seal de reloj (pixel_clock).
VGA_BLANK: seal que pone en blanco a las seales de colores (indica
cundo no se envan datos). Activa en baja.
VGA_SYNC: no se utilizar. Valor por defecto = 0.

VGA: Entidad (1)

Se pide disear e implementar el siguiente bloque, en la
tarjeta DE 2:

Figura 6. Entidad del Controlador VGA

VGA: Entidad (2)

Tabla 3. Representacin de 8 colores

Red (R)

Green (G)

Blue (B)

Color

Negro

Azul

Verde

Cian

Rojo

Magenta

Amarillo

Blanco

Bibliografa
1.
2.

3.

4.

VGA Video connector pinout

http://www.bbdsoft.com/video.html
(ltima consulta: noviembre)
Xilinx: VGA Port, Chapter 5
http://ensiwiki.ensimag.fr/images/7/73/DocVGAXilinx.pdf
(ltima consulta: noviembre)
Dpto. de Tecnologa Electrnica, U. Rey Juan Carlos:
http://laimbio08.escet.urjc.es/assets/files/docencia/DCSE/dcse_prac6_v
ga.pdf
(ltima consulta: noviembre)
Altera: DE 2 User Manual
ftp://ftp.altera.com/up/pub/Webdocs/DE2_UserManual.pdf
(ltima consulta: noviembre)

preguntas?
Jose Francisco Quenta
jfquenta@pucp.edu.pe