Actionscript 2.0: Como dibujar un círculo

Etiquetas: lineTo lineStyle beginFill

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:

function circuloLine(px, py, radio, color, alfa) {
  lineStyle(1,color,alfa);
  beginFill(color,alfa);
  moveTo(px+radio,py);
  for (grados=0; grados<=360; grados++) {
  x = radio*Math.cos(Math.PI/180*grados);
  y = radio*Math.sin(Math.PI/180*grados);
  lineTo(px+x, py+y);
  }
  endFill();
} 

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():

function circuloCurve(px, py, radio, color, alfa) {
	lineStyle(1,color,alfa);
	beginFill(color,alfa);
	moveTo(px+radio,py);
	for (grados=0; grados<=360; grados++) {
		x = radio*Math.cos(Math.PI/180*grados);
		y = radio*Math.sin(Math.PI/180*grados);
		curveTo(px+x,py+y,px+x,py+y);
	}
	endFill();
} 

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.

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

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

Lo primero es tener nuestro archivo CSS. Yo voy a utilizar uno sencillo:

 
a{
    font-size:16pt;
    color:#0000ff;
    text-decoration:underline;
}
d{
    font-size:20pt;
    color:#ff0000;
}
e{
    font-size:18pt;
    color:#00ff00;
}
f{
    font-size:14pt;
    color:#ff00ff;
}
 

En la parte Flash, cargamos el archivo CSS, y configuramos el campo de texto para que utilice la hoja de estilos que hemos cargado:

 
//Creo el campo de texto
 
createTextField("Texto_txt",0,0,0,300,300);
 
//Creo las variables que van a contener el texto html
 
var txt0:String = "<d>Este sería del tipo d</d><br/>";
var txt1:String = "<e>Este sería el primer e</e><br/>";
var txt2:String = "<f>Este es del tipo f</f><br/>";
var txt3:String = "<a href = 'http://www.esedeerre.com'>Este sería un enlace coloreado</a>";
 
//Creo la variable para vargar el CSS
 
var loadCSS = TextField.StyleSheet = new TextField.StyleSheet();
 
//Cuando carguen los estilos, relleno el campo con el html
 
loadCSS.onLoad = function(){
        Texto_txt.html = true;
        Texto_txt.styleSheet = loadCSS;
        Texto_txt.htmlText = txt0 + txt1 + txt2 + txt3;
}
 
//Cargo los estilos
 
loadCSS.load("url del css");
stop();
 

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. La base es:

 
function RecorreInstancias(clip:MovieClip){
	for(a in clip){
		trace(clip[a]);
		RecorreInstancias(clip[a]);
	}
}
RecorreInstancias(_root);
 

Por ejemplo, si quisieramos imprimir en pantalla los nombres de todos los nodos de un XML:

 
function CargarXML(){
        recXml = new XML();
        recXml.ignoreWhite = true;
        recXml.onLoad = function(exito){
                if(exito){
                        Recorrer(this.firstChild);
                }else{
                        trace("Error al cargar");
                }
        }
        recXml.load("url del XML");
}
 
 
function Recorrer(xml){
        for(var a in xml.childNodes){
                Recorrer(xml.childNodes[a]);
                trace(xml.childNodes[a].nodeName);
        }
}
 
CargarXML();
 