Actionscript 2.0: Como dibujar un círculo

Etiquetas: lineTo lineStyle beginFill

Actionscript 2.0: Como dibujar un círculo

En la API de dibujo de Actionscript 2.0 no existe ninguna función para dibujar directamente un círculo (en Actionscript 3.0 tenemos drawCircle()). Sin embargo, podemos dibujar círculos con dos métodos diferentes.

El primero es el más intuitivo. Se trata de unir diversos puntos con lineTo() para formar el círculo. Por ejemplo podemos utilizar una función como esta para crear un círculo:

  1. function circuloLine(px, py, radio, color, alfa) {
  2.   lineStyle(1,color,alfa);
  3.   beginFill(color,alfa);
  4.   moveTo(px+radio,py);
  5.   for (grados=0; grados<=360; grados++) {
  6.   x = radio*Math.cos(Math.PI/180*grados);
  7.   y = radio*Math.sin(Math.PI/180*grados);
  8.   lineTo(px+x, py+y);
  9.   }
  10.   endFill();
  11. }

Como se puede ver en la función son matemáticas básicas. Unimos 360 puntos, calculando las coordenadas con seno y coseno, y forman un círculo. En realidad es un polígono de 360 lados, pero los lados no se ven planos porque son muy pequeños. Para figuras muy grandes, se podría mejorar la función utilizando curveTo() en lugar de lineTo():

  1. function circuloCurve(px, py, radio, color, alfa) {
  2. 	lineStyle(1,color,alfa);
  3. 	beginFill(color,alfa);
  4. 	moveTo(px+radio,py);
  5. 	for (grados=0; grados<=360; grados++) {
  6. 		x = radio*Math.cos(Math.PI/180*grados);
  7. 		y = radio*Math.sin(Math.PI/180*grados);
  8. 		curveTo(px+x,py+y,px+x,py+y);
  9. 	}
  10. 	endFill();
  11. }

La función es la misma, pero en vez de unir los puntos por rectas, los unimos por curvas.

La tercera opción que conozco para dibujar un círculo, es la más rápida e ingeniosa. Se trata de dibujar una linea muy pequeña, pero con un grosor igual al diametro que buscamos. Sería como "dibujar un punto muy gordo". El resultado es el más exacto de los 3, además del más eficiente.

  1. function circuloPunto(px, py, radio, color, alpha){
  2.    lineStyle(radio*2, color,alpha);
  3.    moveTo(px,py); 
  4.    lineTo(px,py + 0.15);
  5. }

Actionscript 2.0: Utilizar imágenes de la biblioteca

Etiquetas: attachBitmap BitmapData loadBitmap

El siguiente método muestra como añadir imágenes de nuestra biblioteca a la escena de la película, usando BitmapData y el método attachBitmap.

Precargas de archivos externos con Actionscript 2: MovieClipLoader

Etiquetas: MovieClipLoader onLoadInit onLoadComplete onLoadProgress

En Actionscript 2.0 podemos cargar archivos externos con loadMovie o por medio de un MovieClipLoader. loadMovie es aparentemente mas sencillo de utilizar, pero no da información de ningún tipo sobre el estado de la carga, por lo que si queremos hacer precargas deberemos usar una instancia de MovieClipLoader. Este ejemplo muestra como utilizar este tipo de objetos, y utilizar sus eventos asociados.

Actionscript 2.0: Base para juego con casillas de arrastre.

Etiquetas: startDrag swapDepths hitTest

Este código muestra como hacer un juego con casillas de arrastre, útil para juegos de formación y similares en los que el usuario tiene que colocar determinadas casillas en un lugar específico.

Controlar teclas pulsadas en AS2

Etiquetas: Object onKeyDown onKeyUp Key.getCode addListener

El siguiente código controla los eventos de teclado "pulsar" (onKeyDown) y "soltar" (onKeyUp), devolviendo el código de la tecla con la que se ha interactuado.

Enlaces coloreados en Flash con Actionscript 2.0 y CSS

Etiquetas: StyleSheet htmlText load TextField createTextField

Habia oido que se podían combinar, pero hasta hoy no he tenido que mezclarlos. El caso es que los campos de texto en Flash pueden interpretar algunas etiquetas html, pero al interpretar un enlace no lo colorean. Mediante CSS, se puede conseguir que estos enlaces aparezcan coloreados.

Mostrar código Actionscript coloreado

Una idea de la página era ir recopilando scripts en Flash para tener una pequeña libreria. Buscando métodos para mostrar los códigos encontré esta página: http://www.shockwave-india.com/blog/services/as-highlight/ (enlace roto) Solo hay que pegar el código que queremos mostrar, y la página genera el código html que deberemos poner para verlo en el navegador.

Actionscript 2: Recorrer elementos de un objeto

Etiquetas: XML ignoreWhite childNodes firstChild

Este código sirve para recorrer todos los elementos de un objeto. Por ejemplo, recorrer todos los elementos de todos los niveles de una pelicula, o todos los nodos de un XML.