Mostrar datos de un array
Febrero 8, 2007, 7:45 pm
Guardado en: Flash / ActionScript

1.- Crear un campo de texto dinámico. Llamarlo nombres_txt

2.- Código:

// Creamos el array nombres con la cadena de datos string
var nombres:Array = ["Fito", "Pedro", "Iván", "Fernando", "David"];

// Creamos la función que mostrará la cadena de datos en el campo de texto nombres_txt. Utilizamos bucle para averigüar la cantidad de datos que tiene el array.

function listar (){
 for (var i:Number=0; i<nombres.length; i++){
  nombres_txt.text = nombres_txt.text + nombres[i] + “\n”;
 }
}

listar();



Tipos de Array
Febrero 8, 2007, 7:23 pm
Guardado en: Flash / ActionScript

String
var webs:Array = ["Yahoo", "Google", "Design-root"];

Núméricos
var cuentas:Array = [200, 400, 500];

Boleanos
var faltas:Array = [true, true, false];

De instancias
var clips:Array = [clip_mc, clip2_mc, clip3_mc];



Ejemplo attachMovie
Febrero 6, 2007, 8:33 pm
Guardado en: Flash / ActionScript

// ¿cuánto tienen que medir?
var screen:Number = 600;
var cantidad:Number = 20;
var newAncho:Number = screen/cantidad;

// duplicamos hasta la cantidad marcada

for(var i:Number = 0;i<cantidad;i++){
 var copion:MovieClip = _root.attachMovie(”cuadro”, “cuadro”+i, i);
 copion._width = newAncho;
 copion._x = newAncho*i;
}



Creación de MovieClips
Febrero 6, 2007, 8:00 pm
Guardado en: Flash / ActionScript

Por Patricia Campuzano
[Tomando apuntes en clases de Actionscript...] 

Podemos crear un movieclip de tres formas:

- por duplicación

- usando un símbolo de la biblioteca (la que se utiliza normalmente)

- creando uno vacío

Cualquier MovieClip que creemos estará siempre en la profundidad positiva (hasta 1.000.000 en positivo y hasta 32.000 en negativo). A más profundidád, quedará más por encima.

Para conocer la profundidad de un MovieClip

var prof:Number = cuad_mc.getDepth();
trace(prof);

Crear un MovieClip por duplicación

var cuad2_mc:MovieClip = cuad_mc.duplicateMovieClip (”cuad2_mc”, 0);

Para duplicar un movieclip se nos pide, por un lado el nombre del movieclip que queremos duplicar (cuad_mc) y luego, el nombre del nuevo movieclip (cuad2_mc) y la profundidad donde situaremos el nuevo elemento (profundidad 0). Toda esta información la recogemos en una variable con mismo nombre que el nuevo movieclip.

El nuevo movieclip podemos tratarlo como otro cualquiera. Por ejemplo, para cambiar su rotación…

cuad2_mc._rotation = 30;

Crear un MovieClip cogiendo un símbolo de la biblioteca

Al crear un nuevo MovieClip, marcar la opción exportar para actionscript. Necesitamos vincularlo para utilizarlo en actionscript.

El código para “tomar” un símbolo de la biblioteca (pero que no está en el escenario) es el siguiente

var cuad_mc:Movieclip = _root.attachMovie (”cuad”, “cuad_mc”, 5);

dooonde, cuad_mc es el nuevo movieclip y cuad el símbolo de la biblioteca que duplicamos. Podemos tratarlo como un movieclip normal..

cuad_mc._x = 50;

Entra en juego la i maravillosa

Si en lugar de 5 ponemos profundidad i, de este modo cada nuevo movieclip se cargará en una profundidad distinta (desde 0 hasta 1.000.000).

var cuad_mc:Movieclip = _root.attachMovie (”cuad”, “cuad_mc”, i);

Si queremos que nos cambie en _x progresivamente

cuad_mc._x = 50*i;O si queremos que cada nuevo movieclip se nombre de distinta forma

var cuad_mc:Movieclip = _root.attachMovie (”cuad”, “cuad_mc”+i, i);

Crear un movieclip vacío

Podemos crear un movieclip vacío que contenga otros tantos. Por ejemplo..

1.- Creamos el movieclip contenedor

var vacio_mc:Movieclip = _root.createEmptyMovieclip (”vacio_mc”, 0);

2.- Realizamos un bucle que duplique un símbolo de la biblioteca dentro del clip vacío

for (var i:Number = 0; i<10; i++){
   var cuad_mc:Movieclip = vacio_mc.attachMovie (”cuad”, “cuad”+i, i);
   cuad_mc._x= 60*i;
}

3.- El clip vacío podemos igualmente tratarlo como otro cualquiera

vacio_mc._rotation = 45;



DART Motif
Febrero 6, 2007, 3:38 pm
Guardado en: Todo banners

Por Patricia Campuzano

Interesante web que recoge creatividades (o banners publicitarios) de distinta índole y formato.

http://www.dartmotif.com/gallery/complete_archive.asp



Lightbox JS
Febrero 5, 2007, 10:53 am
Guardado en: HTML / JavaScript

Este script nos sirve para abrir imágenes a gran tamaño en la página actual al hacer clic sobre una imagen thumb en miniatura, y es soportado por todos los navegadores modernos.

Puedes ver un ejemplo en la página original del articulo
http://www.huddletogether.com/projects/lightbox/

Descarga de archivos necesarios

  •  lightbox.js - el script
  •  lightbox.css - hoja de estilos del script
  •  overlay.png - 80% de opacidad, para crear sombra
  •  loading.gif - gif animado que aparece sólo mientras se descarga la imagen grande del pop-up.
  •  close.gif - ‘X’ botón cerrar pop-up situado en la esquina superior derecha del pop-up.
  • /////////////////////////////////////////

    Instalación y puesta en marcha del invento

    1.- Incluye en el head de tu página el siguiente script
    <script type=”text/javascript” src=”lightbox.js” mce_src=”lightbox.js”></script>

    2.- Añadir el atributo rel=”lightbox” en todos los enlaces de las imágenes thumb que abrirán las grandes a través del lightbox, de la siguiente forma:

    <a href=”images/image-1.jpg” mce_href=”images/image-1.jpg” rel=”lightbox” title=”my caption”>image #1</a>