Aspectos básicos de la API de dibujo

Flash Player 9 y posterior, Adobe AIR 1.0 y posterior

La funcionalidad integrada en ActionScript que permite crear gráficos vectoriales (líneas, curvas, formas, rellenos y degradados) y mostrarlos en la pantalla mediante ActionScript recibe el nombre de API de dibujo. La clase flash.display.Graphics es la encargada de proporcionar esta funcionalidad. Con ActionScript es posible dibujar en cualquier instancia de Shape, Sprite o MovieClip utilizando la propiedad graphics definida en cada una de esas clases. (La propiedad graphics de cada una de esas clases es en realidad una instancia de la clase Graphics.)

A la hora de empezar a dibujar mediante código, la clase Graphics ofrece varios métodos que facilitan el trazado de formas comunes, como círculos, elipses, rectángulos y rectángulos con esquinas redondeadas. Todas ellas se pueden dibujar como líneas vacías o como formas rellenas. Cuando sea necesaria una funcionalidad más avanzada, la clase Graphics también dispone de métodos para trazar líneas y curvas cuadráticas de Bézier, que se pueden emplear junto con las funciones trigonométricas de la clase Math para crear cualquier forma imaginable.

Los motores de ejecución de Flash (como Flash Player 10 y Adobe AIR 1.5 y versiones posteriores) incorporan una API adicional para dibujo, que permite dibujar mediante programación formas completas con un único comando. Un vez que se haya familiarizado con la clase Graphics y las tareas incluidas en “Fundamentos de la utilización de la API de dibujo”, continúe con Utilización avanzada de la API de dibujo para obtener más información sobre estas funciones de la API de dibujo.

Conceptos y términos importantes

La siguiente lista de referencia contiene términos importantes que aparecerán mientras se utiliza la API de dibujo:

Punto de anclaje: Uno de los dos puntos finales de una curva cuadrática de Bézier.
Punto de control: Punto que define la dirección y la curvatura de una curva cuadrática de Bézier. La línea curva nunca alcanza el punto de control, no obstante, se curva como si fuese arrastrada hacia éste.
Espacio de coordenadas: Gráfico de coordenadas incluido en un objeto de visualización, en el que se sitúan sus elementos secundarios.
Relleno: Parte interior sólida de una forma que tiene una línea rellena con color o la totalidad de una forma que no tiene contorno.
Degradado: Color que está formado por la transición gradual de un color a otro u otros (a diferencia de un color sólido).
Punto: Ubicación individual en un espacio de coordenadas. En el sistema de coordenadas bidimensional utilizado en ActionScript, el punto se define por su ubicación en el eje x y en el eje y (las coordenadas del punto).
Curva cuadrática de Bézier: Tipo de curva definida por una fórmula matemática concreta. En este tipo de curva, la forma se calcula basándose en las posiciones de los puntos de ancla (los extremos de la curva) y el punto de control que define la dirección y la curvatura del trazo.
Escala: Tamaño de un objeto en relación con su tamaño original. Ajustar la escala de un objeto significa cambiar su tamaño estirándolo o encogiéndolo.
Trazo: Parte del contorno de una forma que tiene una línea rellena con un color o las líneas de una forma sin relleno.
Trasladar: Cambiar las coordenadas de un punto de un espacio de coordenadas a otro.
Eje X: Eje horizontal del sistema de coordenadas bidimensional que se utiliza en ActionScript.
Eje Y: Eje vertical del sistema de coordenadas bidimensional que se utiliza en ActionScript.