Aqui voy a dejar 2 tipos de carrosul en flash 8 en Action Script 2. Uno es creado por http://www.tutoriales-flash.com y el otro por Flashmo.com

Ambos trabajan con XML y action Script 2.

Para descargar aqui:

flashmo

Tutoriales

tutorial de como hacerlo:

COMO HACERLO.
Las imágenes se van a cargar en la película mediante un archivo XML como el empleado en el Tutorial para hacer una galería de imágenes con carga dinámica en Flash. Es decir, un archivo XML con esta estructura.

Los pasos básicos este tutorial son los siguientes:

Todo el código de la película está en el primer fotograma. Vamos a ir comentándolo de arriba a abajo por bloques. Al final del tutorial podéis verlo todo seguido y descargaros el archivo .fla.

Ajustes para la carga del xml.

System.useCodepage = true;
XML.prototype.ignoreWhite = true;

Para no tener que escribir la ruta completa de las clases que usaremos más adelante.

import flash.display.BitmapData;
import flash.geom.Rectangle;
import flash.geom.Matrix;

Éstos son los parámetros personalizables. Si no queréis comeros la olla con el funcionamiento del ejemplo y simplemente buscáis un carrusel para poner en vuestra web, éstos son los parámetros que necesitáis definir.
- ancho_carrusel. Ancho total en px que ocupará el carrusel.
- ancho_miniatura. Ancho en px de cada miniatura del carrusel en su punto máximo al pasar por el centro del carrusel.
- v_giro. Número mayor de cero que controla la velocidad de giro de manera inversa, es decir, para valores más bajos girará más rápido.
- reflejar. Valor booleano que indica si se proyecta el reflejo del carrusel o no.
- color_fondo. Color de fondo, es necesario para que el desvanecimiento del reflejo quede bien en el caso de que reflejar=true.
- x0. Posición horizontal en el escenario del centro del carrusel.
- y0. Posición vertical en el escenario de la parte inferior del carrusel.
- url_fotos. La url de nuestro archivo XML.
- dir_minis. Directorio donde están los archivos de las miniaturas.

var ancho_carrusel:Number = 700;
var ancho_miniatura:Number = 90;
var v_giro:Number=30;
var reflejar:Boolean = true;
var color_fondo:Number = 0xF4F4F4;
var x0:Number = 365;
var y0:Number = 185;
var url_fotos:String=”asp/verMiniaturas_tutos.asp”;
var dir_minis:String=”miniaturas/”;

Llegado a este punto conviene indicar que para conseguir que el efecto de reflejo quede bien, todas las imágenes han de tener las mismas dimensiones o mantener el mismo ratio alto/alto. Asímismo, los parámetros ancho_carrusel y ancho_miniatura deberán presentar valores adecuados para mostrar correctamente el carrusel según el número de imágenes a rotar.

A continuación, se define una serie de variables que se van a emplear en la película.
- IMG_array. Matriz que almacena la info del XML, esto ocurre dentro de la función cargarMiniaturas() como se verá más adelante.
- incre. Velocidad angular de rotación del carrusel, depende la posición del puntero respecto al propio carrusel.
- num_fotos. Variable que almacena el número de fotos del carrusel.
- num_fotos_cargadas. Variable que indica el número de miniaturas cargadas.
- radio. Radio de giro del carrusel, queda definido por los valores de los parámetros personalizables anteriores.

var IMG_array:Array;
var incre:Number = 0;
var num_fotos:Number;
var num_fotos_cargadas:Number;
var radio:Number = (ancho_carrusel-ancho_miniatura-10)*0.5;

Defino el objeto XML que recibirá los datos, la ruta de la carga y cual es la función que se ejecutará tras la carga.

var miniaturasXML:XML = new XML();
miniaturasXML.onLoad = cargarMiniaturas;
miniaturasXML.load(url_fotos);

La función cargarMiniaturas() es la elegida. Primero asignamos al array IMG_array, antes definido, los nodos del XML que contienen la información de cada archivo de imagen. Así, ya podemos establecer el valor de num_fotos que es la longitud del array. Si, por la razón que sea, no queremos emplear todas las imágenes que retorna el XML podemos definir manualmente el valor de num_fotos. En nuestro caso estamos empleando las propias miniaturas de los tutoriales de este sitio web, y como son unas cuantas, hemos decidido coger sólo las 17 primeras, por eso hemos comentado la línea que hay en negrita en el código para que no se ejecute y hemos establecido un valor de 17 directamente.

Creo estos clips vacíos:
- contenedor_mc. Este clip será el de nivel superior en el carrusel, si se aplica el reflejo, el objeto BitmapData necesario se basará en él.
- carrusel_miniaturas_mc. Este clip creado dentro de contenedor_mc alojará los clips de las miniaturas.

Después algunas operaciones de posicionamiento y ocultamiento en algunos de estos movieclips, inicializamos el contador de imágenes cargadas y nos recorremos el array con la info con un bucle for. Dentro del bucle invocamos la función crearMiniatura() pasando dos parámetros: el nombre del archivo a cargar y un valor numérico incremental que va a definir la posición de cada imagen dentro del círculo del carrusel. Esta función (que definiremos más adelante en el código) se va a encargar de cargar la imagen y darle el tamaño deseado.

function cargarMiniaturas():Void {
IMG_array = this.firstChild.childNodes;
// num_fotos = IMG_array.length;
num_fotos = 17;
var contenedor:MovieClip = _root.createEmptyMovieClip(“contenedor_mc”, _root.getNextHighestDepth());
contenedor._y = y0;
contenedor._visible = false;
var carrusel:MovieClip = contenedor.createEmptyMovieClip(“carrusel_miniaturas_mc”, contenedor.getNextHighestDepth());
carrusel._x = x0;
num_fotos_cargadas = 0;
for (var k:Number = 0; k<num_fotos; k++) {
crearMiniatura(IMG_array[k].attributes.nombre,k);
}
}

La función crearMiniatura(), como ya hemos dicho anteriormente, se encarga de cargar cada una de las miniaturas y reescalarlas. Creamos un clip vacío llamado foto_0, foto_1,…. y dentro de éste otro llamado foto que es donde cargaremos la imagen con un objeto de la clase MovieClipLoader. En el tutorial Carga de clips externos en Flash. La clase MovieClipLoader se explica el uso de esta clase.

Cada vez que se completa la carga de una imagen y ya está disponible se le asignan las acciones a ejecutar al hacer clic sobe ella. En nuestro caso, abre la página del tutorial correspondiente, menos en el caso de que la miniatura sea la del logo con la efe, que abre la página de principal de nuestro sitio web.

Se comprueba si están cargadas todas, en caso afirmativo, se ejecuta la función girar_carrusel() con un retardo de medio segundo. A cada miniatura se le asigna como propiedad orden el parámetro que recibe de la función.

function crearMiniatura(ruta:String, orden:Number):Void {
var clip:MovieClip = contenedor_mc.carrusel_miniaturas_mc.createEmptyMovieClip(“foto_”+orden, contenedor_mc.carrusel_miniaturas_mc.getNextHighestDepth());
var dentro:MovieClip = clip.createEmptyMovieClip(“foto”, clip.getNextHighestDepth());
clip.orden = orden;
var mi_mcl:MovieClipLoader = new MovieClipLoader();
var miListener:Object = new Object();
mi_mcl.addListener(miListener);
mi_mcl.loadClip(dir_minis+ruta, dentro);
miListener.onLoadStart = function(target_mc:MovieClip) {
target_mc._alpha = 0;
};
miListener.onLoadProgress = function(target_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number) {
// aquí podéis poner acciones para mostrar una precarga
};
miListener.onLoadInit = function(target_mc:MovieClip) {
var coef:Number = target_mc._width/ancho_miniatura;
target_mc._height = int(target_mc._height/coef);
target_mc._width = ancho_miniatura;
target_mc._alpha = 100;
target_mc._x = -(int(target_mc._width*0.5));
target_mc._y = 0;
// función que ejecuta al pulsar cada miniatura
target_mc.onRelease=function(){
if (ruta.indexOf(“.gif”) != -1) {
var temp_array:Array = ruta.split(“.gif”);
getURL(“http://www.tutoriales-flash.com/tutorial.php?id_tuto=”+temp_array[0],”_blank”);
} else {
getURL(“http://www.tutoriales-flash.com”_blank”);
}
num_fotos_cargadas++;
if (num_fotos_cargadas>=num_fotos) {
setTimeout(_root.girar_carrusel, 500);
}
};
}

La función girar_carrusel() se invoca cuando se hayan cargado todas las miniaturas y se encarga como su propio nombre indica de girar el carrusel. Hemos dividido el código en dos bloques para facilitar la comprensión de éste.

La programación del bloque 1 se va a ejecutar sólo una vez en la película, en el momento de ejecutar la función, y básicamente comprende las rutinas necesarias para crear el efecto de espejo. Primero se crea el clip vacío reflejo_miniaturas_mc que es donde se duplicará el carrusel reflejado verticalmente. Después crearemos el clip vacío sombreado_mc por encima del anterior en que dibujaremos con la API de dibujo de Flash un rectángulo con un relleno degradado usando únicamente el valor de la variable color_fondo y distintos niveles de transparencia (alpha) del 0 a 100. Como se ve, hemos empleado el método createGradientBox de la clase Matrix, este método es especial para la generación de rellenos degradados, ya os prepararemos un tutorial o un truco explicando su aplicación, mientras tanto consultad la documentación de Flash u otras fuentes. Para finalizar este primer bloque, reposicionamos adecuadamente estos clips creados.

El contenido del bloque 2 se va a ejecutar en cada fotograma de giro del carrusel. En primer lugar, se calcula un nuevo valor de la velocidad angular incre en función de la posición horizontal del puntero respecto al centro horizontal del carrusel x0 y el valor de la variable v_giro definida al principio del código. Con este nuevo valor de incre establecido, ejecutamos el método girar() de cada una de las miniaturas por medio de un bucle for. Este método que escalará y posicionará cada miniatura se definirá más tarde.

A continuación de recorrernos el bucle, comprobamos de nuevo el valor de la variable reflejar, si es verdadero (true) actualizo el contenido del clip reflejo_miniaturas_mc con la imagen duplicada y reflejada del carrusel del fotograma actual. Esto lo hacemos con la ayuda de una instancia de la clase BitmapData. Primero copiamos el contenido en el objeto bmp y después lo adjuntamos (attachemanos suena mejor?) a reflejo_miniaturas_mc que como tiene la propiedad _yscale=-100 se ve reflejado respecto al original.

function girar_carrusel() {
// inicio bloque 1 ————————————————
contenedor_mc._y = y0-contenedor_mc._height;
if (reflejar) {
var reflejo:MovieClip = _root.createEmptyMovieClip(“reflejo_miniaturas_mc”, _root.getNextHighestDepth());
reflejo._yscale = -100;
reflejo._y = contenedor_mc._y+contenedor_mc._height*2+1;
var myMatrix:Matrix = new Matrix();
myMatrix.createGradientBox(ancho_carrusel,contenedor_mc._height,Math.PI/2,0,-15);
var sombreado:MovieClip = _root.createEmptyMovieClip(“sombreado_mc”, _root.getNextHighestDepth());
var colors:Array = [color_fondo, color_fondo, color_fondo];
var alphas:Array = [40, 90, 100];
var ratios:Array = [0, 160, 255];
sombreado.beginGradientFill(“linear”,colors,alphas,ratios,myMatrix);
sombreado.moveTo(0,0);
sombreado.lineTo(ancho_carrusel,0);
sombreado.lineTo(ancho_carrusel,contenedor_mc._height);
sombreado.lineTo(0,contenedor_mc._height);
sombreado.lineTo(0,0);
sombreado._y = y0+1;
sombreado._x = x0-sombreado._width*0.5;
}
// fin bloque 1 ————————————————
// inicio bloque 2 ————————————————
delete contenedor_mc.onEnterFrame;
contenedor_mc.onEnterFrame = function() {
incre += (_root._xmouse-x0)/_root.v_giro;
for (var k:Number = 0; k<=num_fotos; k++) {
this.carrusel_miniaturas_mc["foto_"+k].girar();
}
if (reflejar){
var bmp:BitmapData = new BitmapData(ancho_carrusel+100, this._height, true, 0×00000000);
var myRectangle:Rectangle = new Rectangle(0, 0, ancho_carrusel+100, this._height);
bmp.draw(this, new Matrix(), new ColorTransform(), “normal”, myRectangle,true);
_root.reflejo_miniaturas_mc.attachBitmap(bmp, 1, “auto”, true);
}
};
contenedor_mc._visible = true;
// fin bloque 2 ————————————————
}

El método girar() se va definir empleando la propiedad prototype. Esto quiere decir que este método va a estar disponible para todas las instancias de una clase, en nuestro caso, la clase MovieClip. En función de la velocidad incre, del valor de la propiedad orden de la miniatura y del número de fotos totales, num_fotos, cada miniatura se posicionará en un angulo definido en la variable degrees dentro del círculo del carrusel.

MovieClip.prototype.girar = function() {
var degrees:Number = _root.incre+(360*this.orden/num_fotos);
var radians:Number = degrees*Math.PI/180;
if (Math.sin(radians)<0) {
this._alpha = 15;
} else {
this._alpha = 100;
}
this._x = radio*Math.cos(radians);
this._xscale = (1-Math.cos(radians+Math.PI*0.5))*99-99;
this.swapDepths(int(this._xscale*10));
};

Ahora que ya tenéis el carrusel funcionando es el momento de que adaptéis el código a vuestro gusto. Aquí tenéis el archivo .fla del ejemplo, el resto, el xml de las imágenes y las imágenes en sí poned las vuestros. carrusel.fla

Flash 8: Projects for Learning Animation and Interactivity

By Robert Hoekman, Jr., Rich Shupe

Job Title: Flash (AS 2/3) Expert
Location: San Carlos, CA
Relocation: Yes
Duration: Full time/permanent – on-site
Telecommuting: Some – 2 days per week
Salary: 100-140k

My San Carlos, CA client is an educational technology company that is revolutionizing how students learn. They create online, interactive learning solutions that increase student effort and engagement in their high school and college courses. They have helped 1,000,000 students at more than 900 institutions since product inception in 2002 and are looking for eager and like-minded individuals to join our brainy, creative, and lively group!

The Flash Expert will be responsible for designing and developing rich internet applications. This is a full time position based in San Carlos, CA with the option to telecommute 2 days a week. Initial projects are in ActionScript 2; later they’ll move to AS3 and Flex.

Specific Responsibilities:
* Research, design, and develop Flash RIA’s (some general, some discipline specific)
* Work closely with domain experts, product management, customer support and sales to review requirements and technical specifications
* Review test plans with QA and participate in code reviews with developers

Basic Qualifications Required:
* Bachelor’s degree in Computer Science or related field
* 5+ years development experience in Flash creating Rich Internet Applications
* Proficient developing in ActionScript 2.0
* Excellent written and verbal communication skills
* Ability to work with minimal supervision and thrive in a start up environment

Preferred Qualifications:
* Master’s degree in Computer Science or related field
* Proficiency in ActionScript 3.0
* Familiar with Flex
* Visual and UI design experience

To be considered, please submit your resume along with your salary requirements to beau at open-source-staffing.com

Thank you,

Beau J. Gould
Open Source Staffing
www.open-source-staffing.com
beau-AT-open-source-staffing.com

Flash, Flex, AIR (and related) Discussion / Jobs
http://www.linkedin.com/groups?gid=990627

Keywords (please ignore)

Flash 8, Flash 9, ActionScript, ActionScripting, Action Script, AS1, AS2, AS3, Flex, Flex 2, Flex 3, Adobe Flex Builder 3, Flex Builder 3, Flex 3 SDK, Flex lite, Flexlite, Flash Media Server, Flash Remoting, Flash Video, Flash Game, AMFPHP, OpenAMF, AIR, Cairngorm, BlazeDS, Director, Lingo, ACID, Sound Forge, Toast, Quicktime, After Effects, PhotoShop, Illustrator, Dreamweaver, Fireworks, Javascript, Lingo, PHP, AJAX, ASP, MySQL, Visual Basic, XML, MXML, HTML, CSS, OOP, Rich Internet Application, RIA

DOWNLOAD DISINI :
Macromedia Flash 8 Portable (51,07 MB)

DOWNLOAD DISINI :
Macromedia Flash 8.0 Professional (103 MB)

TEMARIO

no olvides revisar los temas anteriores practica 1 ya q son nesesarios para seguir con esta practica

para continuar nuestro curso hay q agarrar practica en lo poco q ya sabemos un consejo q te doy es q vayas experimentando con flash los tipos de efectos (acontinuacion los veremos) mmm debes de ser creativo y probar por tu cuenta

lo q haremos n esta practica sera un peqeño sistema solar

bueno para empezar abrimos nuestro programa flash

para crear nuetro fondo q sera negro hay dos opciones

1)crear un rectangulo del tamaño de nuestra area de trabajo con un fondo negro.

2)vamos a nuestro panel de propiedades en a parte q dice fonndo elegimos el color negro *este fondo sera para toda nuestra pelicula si existe + esenas tambien en ellas el fondo sera negro*

una ves q ya cambiamos nuestro fondo crearemos nuestro sol

para esto crearemos un circulo con contorno anaranjado y lo recortamos por la mitad una vez hecho esto ocuparemos la herramienta de tranformacion libre o Q para su acceso directo, que se encuentra debajo de la herramienta de seleccion .

Esta herramienta nos permite transformar(agrandar o achicar) nuestras elementos de flash, instacias,botones ,simbolos tambien nos permite darle un rotacion cambio de posicion entre otras ***te recomiendo q experimentes con esta herramienta ya q es muy util***

una vez q tenemos la mitad de nuestro circulo la tranformaremos en un clip de pelicula con nombre de sol ok

ahora con nuestra herramienta de transformacion a grandaremos nuestro sol cuando tenemos nuestra herrramienta de sellecion ocupada en nuestro elemento se puede ver a las orillas los puntos q puedes agrandar y en el centro existe un circulo el cual nos da la opcion de moverlo y partir de hay sera el punto d referencia desde donde se modificara nuestro elemento ***te recomiendo explorar todas la opciones de esta herramienta ***

intentemos colocar nuestro sol en un lado de nuestra area del trabajo

una vez hecho esto vamos a nuestro panel de propiedades y aun lado de la palabra propiedades estan nuestros filtros aqui es donde estan los efectos q flash puede dar a los simbolos bisel,iluminado entre otros para poder abrilos damo click en el simbolo de “+”

***si no sale habilitada esta opcion es poq no tienes seleccionado ningun elemento***

ahora escogemos iluminado en esta parte del lado derecho elegimos un color anaranjado y en intensidad arriba del 200 en desenfocar x y y los cambiamos a 100***si realmente quieres aprender hacer cosas interesantes con flash debes de jugar con los filtros intentando convinarlos cambiando caracteristicas .. y te daras cuenta q con esto puedes crear mas efectos**

ya q tenemos sta parte vamos ahora a la linea del tiempo y a nuestra capa le cambiamos el nombre dando doble click donde dice capa1 y le ponemos sol

ahora crearemos una nueva capa para esto en este mismo lado de la linea del tiempo da click derecho y seleccionamos la opcion de insertar capa

ahora presta ATENCION*** las capas van a tener sus propios fotogramas y en cada fotograma puede haber uno o varios elementos por el momento solo manejaremos un elemento por capa ok asi q checa muy bien lo q sigue…***

colocate sobre el primer fotgrama de la capa q acabas de crear y hay empieza a dibujar con la herramienta linea (N) una line y dale la forma curva recuerda elegir color blanco el contorno esta herramienta funciona como la de elipse y rectangulo solo q aqui solamente escojemos contorno

una ves q dibujamos nuestra linea cambiamo el nombre a la capa y le ponemos orbita “sto nos servira pra no confundirnos”, cuando la linea ya esta dibujada observa q el fotograma de a capa orbita pasa de un fotograma vacio a un fotograma ocupado

ahora si nosotros queremos seleccina un elemento apartir de una area de seleccion con el mouse observa q tambien tomas elementos indeseables

en el ejemplo de abajo cuando seleccione mi circulo tambien sellecione parte de la orbita

para q esto no pase en la parte superior hay una opcion para bloqear yesa es el candado q esta le damos click y nuestras capas estaran bloqueadas y asi sus elementos no puedan ser seleccinados,borrados entre otras cosas

bueno ahora hagamos nuesto criculo un simbolo con nombre de planeta y cuando ya es un simbolo vamos a la parte de filtros escojemos la de bisel

ahora solo trata de hacer una buena combinacion entre las opciones q hay ..***lo mejor q puedes hacer ahorita es probar y probar las convinaciones entre el desenfocado en x y y intensidad colores en sombra y resaltar desbloquea el candadito q ves en desefocar te permitira mas convinaciones

un consejo con este filtro se da un retoq de 3d por asi decirlo usandolo adecuadamente tambien puedes hacer degradados en tus simbolos pero los veremos mas tarde

ahora una vez q terminaste de probar y ya viste cual s la convinacion q mas te gusto solo hay q darle una peqña animacion…

colocaremos nuestro planeta arriba donde empieza nuestra orbita

ahora nos vamos al fotograma 10 y creamos un fotograma clave f6 y ahora q ha pasado nuestro planeta ha qdado solo en nuestra area de trabajo

ahora en las dos capas q faltan coloquemos fotogramas de relleno con f5

ahora regresamos a nuestro fotograma clave cambiamos de posicion nuestro planeta y creamos una interpolacion y si vas a filtros bisel y le cambias en la parte q dice angulo veras q opciones hay para hacer esta animacion…..

disculpen por el momento le dejare aqui q hay mas cosas por acer

]]> http://mickeywaley.wordpress.com/2009/05/05/flash-8-%e7%bb%bf%e8%89%b2%e7%89%88%e4%b8%8b%e8%bd%bd/ Mon, 04 May 2009 18:23:52 +0000 mickeywaley http://mickeywaley.wordpress.com/2009/05/05/flash-8-%e7%bb%bf%e8%89%b2%e7%89%88%e4%b8%8b%e8%bd%bd/

   可能看到标题大家会说："现在flash CS4都出来了，谁还用那么旧的版本."

对此我先申明，这个只是方便我自己下载用的页面，体积小，下载速度快就OK了!

السلام عليكم ورحمة الله وبركاته

عند دخولك على هذه التدوينة استخدم عملية البحث بالمدونة او استخدم البحث الموجود لديك CTRL + F

TEMARIO

hola!! por fin entramos a la practica yeah!!! mmm bueno para ver esta unidad se hara por decirlo 3 Practicas asi q comencemos ok

En las practicas se abarcaran lo siguientes temas talvez no todos al mismo tiempo pero entres las 3 veremos todo

-Capas

-Fotogramas y fotogramas clave

-Creación de Símbolos

-Propiedades

-Manipulación de objetos y símbolos

-Solapamiento de imágenes

-Interpolación de Movimiento

-Acción stop

-Publicación

COMENZEMOS!!!!!!! antes de comnzar si no tienes los elementos nesesarios para empezar te recomiendo visitar esta pagina aqui podras encontrar lo nesesario para este curso con la version de prueba tienes “para empezar”

y por favor revisa la unidad 2 para q sepas q onda esta muy sencilla pero desde ahorita ya empezaremos a manejor lo enseñado en esa unidad asi q tomate unos minutitos para revisarla ok

PRACTICA 1 PELOTA BOTANDO

Empezemos …

Entremos a nuestro programa flash si lo instalaste con las opciones por default inicio>todos los programas>macromedia>Macromedia flash 8 si lo acas de instalar te saldra una ventana con dos opciones elige la q dice flash profesional 8.

despues entraras a flash y te saldra la hoja de inicio

escogemos la opcion de nuevo documento .

ya q estemos dentro ahora si ya viene lo bueno …

Basicamente crearemos una instancia q sera nuestra base para nuestro simbolo pelora y le daremos animacion por medio de fotogramas y fotogramas clave e interpolacion de movimiento…

asi hacen referencia los tutoriales en sus ejercicios mmm no te precupes sno le entendiste al final de la practica te reto a q leas de nuevo ese parrafo y veas la diferencia…

bueno mucha charla y nada de accion prosigamos

en flash existen varios tipos de elementos, simbolos, instancias, btones y aqui as describiremos una x una como las vayamos ocupando

en nuestra barra de herramientas vermos dos herramientas el ovalo y el rectangulo (presionando o y r en el teclado es su acceso directo)con ellos podemos dibujar dichas figuras , por el momento solo ocuparemos el circulo, escogemos la herramienta ovalo y en la parte de abajo dice colores y aqui estan nuestras herremientas de relleno y contorno con ellas damos color a nuestra instancia elejimos de relleno azul y contorno rojo(los colores son lo de menos).

una vez elegido esto pasamos a nuestra area de trabajo (el rectangulo blanco) y vemos q nuestro cursor a cambia de forma ahora sin soltar el boton derecho del mouse dibujamos nuestra instancia circulo….

una vez hecho esto nos qd un circulo esta es nuestra instancia …llegado a esta punto explicare q es una instancia

INSTANCIA en flash los dibujos q creamos con sus herramientas son instancias estas pueden ser modifcadas,recortadas entre otras opciones prueba inenta cortar tu circulo a la mitad como???

primero en la barra de herramientas escije la herramienta seleccion (la flechita negra) o sencillamente teclea v para su acceso directo una ves q ya tengas esta herramienta con el mouse solo presionando elboton derecho veras q sale un recuadro bueno este recuadro es el area de seleccion mmm intenta selecionar solo la mitad del circulo y una ves seleccionada muevela para donde quieras … experimenta modifica el circulo ve su contorno se puede moldear, q el contorno y el relleno son dos cosas difentes y una vez hecho esto borralo por q etsamos haciendo una pelota jaja mmm para borrar todo solo crea un area de seleccion del tamaño del area de trabajo y presiona supr y vuelve a crear tu ovalo.

Prosigamos perdon por la minipractica de arriba pero ya les dije aqui aprenderemos conforme a la marcha ok asi q continuemos

una vez q tengamos nuestro circulo los selecionamos y preionamos f8 se nos deplegara una ventana en la cual ns dara la opcion de convertir nuestra instancia en algun tipo de simbolo clip de pelicula,boton,grafico.

(hay otra manera de crear simbolos pero mas adelante las explicaremos no desesperes )

borramos el nombre de simbolo1 y ponemos pelota en tipo elegimos clip de pelicula ok.

Un clip de pelicula es un simbolo q puede tener filtros bisel,transparencia entre otros aparte nuestr clip de pelicula ya no puede ser dividido tan facilmente cuando lo seleccionemo ya selecionaremos todo mmm por el momento con esto basta mas adelante explotaremos todas las caracteristicas q tiene este tipo de simbolo ok.

ya q tenemos nuestro simbolo lo colocamos en la parte superio del area de trabajo y pasamos a nuestra linea del tiempo …yeah ya viene lo bueno

en la linea del tiempo veras en el lado derecho las cpas y el lado izquierdo nuestros fotogramas.

bueno empezemos….

Fotograma el fotograma es la parte de la linea del tiempo en donde estarran nuestros sombolos e instancias en ellas .

Fotograma clave esdonde se lleva acabo algun cambio dentro de nuestra animacion, los simbolos e instancias son cambiados de poscion o simplemente borrados.

Capa.- una capa es donde staran nuestros fotogramas y donde se llevara acabo nuestra animacion.en ella estaran solo los simbolos q se encuntren en los fotogramas clave… tienes q tener cuidado n esto mas adelante vermos el porq …

bueno en nuestra linea del tiempo vamos al fotograma 10 y apretamos f6 al hacer esto crearemos un fotograma clave .

ten en cuenta los fotogramas clave tienen un puntito por asi decirlo mientras del fotograma 2 al 8 son normales no estan vacios por q contienen nuestro simbolo.

mmm prosigamos en nuestro fotograma clave movemos nuestro simbolo a la parte de abajo una ves hecho esto aplicamos una interpolacion de movimiento.

Una interpolacion de movimiento es cuando nosotros movemos nuestros simbolos de lugar loq va a suceder al crear esta interpolacion es q uestro simbolo se overa desde la psicion 1 donde tenemo nuestro prime fotograma clave (no siempre el primero debe ser clave) hasta donde exista otro fotograma clave.

Ten encuenta q este tipo de interpolacion solo funciona con simbolos no con instancias ok

para crear esta interpolacion hay diversas formas expliqemos la primera en nuestra linea de tiempo seleccionamos un fotograma anterio al ultimo fotograma clave y este damo click izq y elegimos la opcion crear interpolacion de mvimiento una vez creado esto nuestro fotogramas pasaran del gris a morado

bueno ahora recorre la linea del tiempo y ve q pasa (para recorrela solo selecciona el primer fotograma y sin soltarlo pasa hasta el ultimo)

bueno ahora crea otro fotograma clave en el 20 y vuelve aponer la “pelota” en su lugar ok para q de el efecto de estar botando

ahora ve a archivo y guarda tu trabajo con la opcion de guardar como seleccionas done lo quires guardar ok

para ver tu trabajo presiona f12 y wuala listo

mmm por el momento sera una pelota q se la pasa bote y bote …

ahora un poquito action script ve al ultmo fotrgama selecionalo y presiona f9 se abrira panel de acciones en la parte de blanco scribe stop(); observa q una vez q hiciste esto el fotograma tiene una a esta a nos dice q ese fotograma tiene action script

y en miminmiza el panel donde esta la flechita y panel de acciones da click y se minimizara ahos si apriets ctrl+s se guardara tu trabajo mm para fializar esto presiona f12 y ve …

yeah

PRACTICA 1

]]> http://untol.wordpress.com/2009/04/24/menu-de-portada-ii/ Fri, 24 Apr 2009 15:26:48 +0000 hectoruntol http://untol.wordpress.com/2009/04/24/menu-de-portada-ii/

CARACTERISTICAS:
software: Macromedia Flash 8
Fuente: Arial
tamaño: 15 px
en el estado sobre del boton : crearun efecto de imagen alfa de 0 a 100 de el fotograma 0 al 10
vinculos en : _Self

“TEMARIO”

Conceptos básicos y entorno de trabajo de Flash

Los conceptos basicos como fotograma ,fotograma clave ,capa y demas los abrodare en la siguiente unidad , creo sera mas practioc ver estos conceptos aplicados. No desesperen esta ya es la ultima parte teorica ya de aquí en adelante veremos practica que es lo emocionante

Escenario aquí es donde elaboraremos nuestro proyecto , es aquí donde estaran nuestros, simbolos,clip de pelicula, botones ,instancia y demas (si no conoces ninunguno de etsos terminos no te preocupes mas tarde sabras q es)

Línea de tiempo.la linea del tiempo es la que controlara nuestro fotogrmas(mas adelnate explicaremos esto)basicamente en esta parte es la encargada de darle forma a nuestra animacion.

Barra de herramientas aquí es donde estan la mayor parte de las herramientas de flash ,(esta barra es muy semejante a la de paint), he visto que en muchos tutoriales que existen en internet ocupan muchas ojas en describir esta barra, nosotros veremos la utilidad de cada herramienta mi entras la ocupamos ok.

Panel de Propiedades este panel como su nombre lo dice es aquí donde se veran y asignaran las diferentes propiedades existentes a nuestros elementos , son muy pocas pero una vez q sabes como convinarlas creeme que veras todo lo que se púede hacer.

Panel De Acciones este panel es donde estara nuestro codigo fuente en este caso el action script. -Biblioteca aquí es donde se guardan nuestros elemenetos (botones clips de pelicula entre otros)

Bueno mmm al parecer wordpress no soporta archivos SWF pero ando viendo como resolver esto mientras les dejo esto:

antes por el momento esta pagina no le puse muchas cosas solo hay un swf referente a esta unidad apartir de la unidad 3 espero q los SWF esten mejorcitos una disculpa si lo ven muy sencillo pero lo hago asi para seguir avanzandole con el curso (no espretexto jaja)

UNIDAD 2

]]> http://kolaminspirasi.wordpress.com/2009/04/17/avdadahda/ Fri, 17 Apr 2009 17:42:10 +0000 sutikno13 http://kolaminspirasi.wordpress.com/2009/04/17/avdadahda/

Dalam tutorial ini, saya akan menuntun step by step melalui proses dalam pembuatan movie Flash Professional 8. Kamu akan mempelajari bagaimana membuat graphic, bekerja dengan layer, dan menambah motion, suara, dan teks ke dalam movie.
Kamu memerlukan Flash Professional 8 untuk mengikuti tutorial ini.

Getting Started
Untuk memulai, buka Flash professional 8. Kamu akan menjumpai pemandangan seperti berikut

Klik Flash Document. Tampilan layar adalah seperti ini :

Bagian sudut kiri atas menunjukkan palet Tool, yang berisi berbagai tool yang dapat kamu gunakan untuk membuat dan memodifikasi graphic dan teks. Kamu dapat memilih sebuah tool cukup dengan meng-kliknya. Tool modifier pada tool terpilih terlihat di bawah palet tool. Kamu membutuhkan modifier ini untuk mengatur tool option.
Timeline terlihat di bagian atas layar. Kamu membutuhkan Timeline ini untuk mengatur lay out sekuen movie.
Stage terlihat di bagian tengah pada layar. Kamu akan membuat movie-mu pada stage ini.

Movie properties
Kamu memulai membuat movie dengan men-setting Frame Rate, Dimensions, Background Color , dan Ruler Units.

Kamu dapat mengatur properties dalam kotak dialog Movie Properties. Untuk mengatur properties movie ikuti langkah berikut :
1. Pilih Modify > Document dari menu. Kotak dialog Document Properties akan terbuka :

2. Ketikkan 400 px dalam kolom Width.
3. Ketikkan 400 px dalam kolom Height.
4. Klik kotak Background color dan pilih putih sebagai warna background.
5. Ketikkan 12 dalam kolom Frame Rate.
6. Pilih satuan Pixels dari drop-down menu pada kolom Ruler.
7. Klik OK.

Grid
Dalam latihan nanti, kamu akan selalu membuat graphic. Saat membuat graphic, grid akan sangat membantu. Untuk menyalakan grid ini :

1. Klik View > Grid > Edit Grid dari menu. Kotak dialog grid akan terbuka

2. Klik kotak Color dan pilih abu-abu sebagai warna grid
3. Pilih Show Grid untuk membuat grid tampil pada stage
4. Pilih Snap to Grid untuk membuat batas graphic sejajar dengan garis grid
5. Set kolom Horizontal  sebesar 20 px untuk memisahkan garis horizontal sebesar 20 pixels.
6. Set kolom Vertical sebesar 20 px untuk memisahkan garis vertikal sebanyak 20 pixels.
7. Set Snap Accuracy ke mode Normal
8. Klik OK.

Property Inspector
Dalam Property inspector, kamu dapat mengatur atribut objects yang kamu kerjakan. Kamu akan lebih sering menggunakan Property inspector setiap bekerja dengan Flash Professional 8. Untuk membuka Property inspector:
Pilih Window > Properties> Properties dari menu. Property inspector terlihat dibagian bawah layar.

Property inspector adalah salah satu dari banyak panelyang terdapat dalam Flash. Jika kamu tidak sedang bekerja dengan panel ini, kamu dapat menutupnya. Untuk menutup Property inspector, Klik ikon Collapse. Untuk membuka kembali, klik ikon Expand.

Oval Tool
Dalam latihan berikut, kamu akan menggunakan Oval tool untuk menggambar sebuah elips. Kemudian kamu akan mengubah elips tersebut menjadi sebuah simbol. Simbol adalah graphic yang dapat dipergunakan berulang kali yang tersimpan dalam Library. Lebih jauh lagi, dalam tutorial ini kamu akan mengubah elips menjadi tombol movie viewers yang dapat ditekan untuk menjalankan movie.
Untuk menggambar elips:
1. Pilih Oval tool. Ada 2 kotak warna pada panel Modifier. Kotak warna ini digunakan untuk mengatur warna stroke (garis tepi) dan warna fill (bidang). Warna stroke menjadi outline gambarmu. Warna fill akan mengisi bagian tengah bidang gambarmu.

2. Klik kotak Stroke Color dan klik warna hitam untuk menjadikannya warna stroke.
3. Klik kotak Fill Color dan kemudian klik  warna navyuntuk memilih navy sebagai warna fill.
4. Jika terpilih, klik untuk men-deselect opsi Object Drawing. Opsi Object Drawing memungkinkan kamu untuk menggambar elips sebagai sebuah object grup yang tidak akan bersatu dengan objects lain yang kamu gambar. Kamu menginginkan opsi ini di off kan.

kamu perlu men-set ketebalan garis Stroke line pada Property inspector. Untuk mengatur ketebalan garis Stroke:
1. Jika Property inspector tidak terbuka, pilih Window > Properties> Properties dari menu. Property inspector terlihat di bagian bawah layar.

2. Pilih Solid dari drop-down menu untuk memilih tipe garis yang kan menjadi outline gambarmu.
3. Ketik angka 3 dalam kolom Stroke Height untuk mengatur ketebalan garis.
4. Klik pada stage dan drag (tarik) secara diagonal untuk menggambar elips.

catatan : kamu juga dapat menggunakan Property inspector untuk mengatur warna stroke and fill.

<bersambung….> berikutnya : membuat simbol

Una nueva entrega y esta va a revolucionar la manera de hacer loops con flash.
Estarán pensando: ¿Que hay de malo en mi manera de hacer loops en flash? Bueno, casi nada, sólamente que no funciona en flash 8.
Che!, ¿Que es esa cara de asombro? A no desesperar.

Antes se ponía en el ultimo frame un codigo como este:
if (cont == 2) {
stop();

} else {
cont = cont+1;
gotoAndPlay(1);
}

Cosa que para flash 6 no trae ninguna complicación, el tema es cuando necesitamos aplicarlo en flash 8.

La solución es simple.
En el primer fotograma de la animación vamos a poner esta linea:
var cont:Number=0;

Lo que hacemos ahi es declarar la variable con el prefijo var, con el :Number le aclaramos que esa variable va a contener sólo numeros y con el =0, la inicializamos en cero.

Y en el ultimo fotograma le agregamos un código parecido al que veniamos usando anteriormente pero con algunas modificaciónes:

if (cont==2){
stop();
}else{
gotoAndPlay(2);
}
cont++;

Si desean que explique como funciona este pedazo de código, sigan leyendo.
Si no les importa, hasta la proxima entrega!

Si llegaron a leer acá es porque sí les interesó la explicación del codigo.

Vamos por partes:
La estructura If es condicional, lo que hace es preguntar sí pasa tal cosa, hacé esto… sino, hace lo otro o no hagas nada. Osea que, si la variable cont (declarada en el primer fotograma) vale 2, que frene la pelicula. En cambio, si no vale 2 (vale cero o vale uno), vuelve al fotograma 2 y lo ejecuta.
La pregunta será ¿Por que no vuelvo al fotograma 1?
No volvemos al fotograma 1 por que ahí es donde declararmos la variable cont con el valor cero, cosa que se estaría reinicializando todo el tiempo y nunca frenaría el banner.

Recorramos un poco la variable cont.
La animación empieza por el fotograma 1, durante todo el banner no cambia de valor hasta el ultimo fotograma, que pregunta si vale 2, como sigue valiendo cero, el condicional if le dice que salte al fotograma 2 y que le sume a cont un 1 (cont++ es lo mismo que poner cont=cont+1).
Ahora cont vale 1 y arranca denuevo, la animación llega al ultimo fotograma y le pregunta otra vez si vale 2. Como el valor es 1 (1 == 2? no!), salta al fotograma 2 e incrementa una vez más la variable cont.
Otra vez se ejecuta la animación pero ahora cont ya vale 2, así que cuando llega al ultimo fotograma y pregunta si vale 2, la respuesta es sí. Sí vale 2, osea… stop.

Cachai?
Joya.

TEMARIO

bueno antes de empzar con esto les dire q este curso esta dedicado auna amiga muy querida Paola y atodos mis compañeros de ESIME-CULHUACAN y en especial a la profesora Maryel se Los debia compañeros   y todo el publico q desee aprender a ocupar este fabuloso software .

pasemos a los temas esta parte la resumire y asi podre ocupar mejor el tiempo en pasar ya con lo bueno ok

Descripción de Flash

Flash es una herramienta de edición con la que los diseñadores y desarrolladores pueden crear presentaciones,aplicaciones y otro tipo de contenido que permite la interacción del usuario. Los proyectos de Flash pueden abarcar desde simples animaciones hasta contenido de vídeo, presentaciones complejas, aplicaciones y cualquier otra utilidad relacionada. En general, los fragmentos independientes de contenido creados con Flash se denominan aplicaciones, aunque se trate solamente de una animación básica. Se pueden crear aplicaciones de Flash con una amplia variedad de contenido multimedia que incluye imágenes, sonido,vídeo y efectos especiales.

Aplicaciones que se pueden crear con Flash

Animaciones Incluyen anuncios publicitarios, tarjetas de felicitación en línea, dibujos animados, etc. Muchos otros tipos de aplicaciones de Flash también incluyen elementos de animación.

Juegos Numerosos juegos se crean con Flash. Los juegos normalmente combinan las capacidades de animación de Flash con las capacidades lógicas de ActionScript.

Interfaces de usuario Un gran número de diseñadores de sitios Web utilizan Flash para diseñar interfaces de usuario. Estas interfaces incluyen tanto sencillas barras de navegación como diseños mucho más complejos.

Áreas de mensajes flexibles Se trata de áreas de las páginas Web que utilizan los diseñadores para mostrar información que puede variar con el tiempo.

Aplicaciones dinámicas de Internet Incluyen un amplio abanico de aplicaciones que proporcionan una elaborada interfaz de usuario para mostrar y manipular datos almacenados de forma remota a través de Internet. Una aplicación dinámica de Internet podría ser una aplicación de calendario, una aplicación de búsqueda de precios, un catálogo de compra,una aplicación de educación y pruebas, o bien cualquier otra aplicación que presente datos remotos con una completa interfaz desde el punto de vista gráfico.

IMPORTANTE: EN ESTE CURSO SOLO VEREMOS POR EL MOMENTO PRINCIPIOS BASICOS DE ANIMACION INTERFACES DE USUARIO (BOTONES ,BARRAS , ETCPARA PAGINAS WEB)

Creación de un sencillo documento de Flash

Cuando abrimos flash profesional 8 nos sale la siguiente ventana en la parte q nos dice Crear Nuevo le dare clic a documento de flash ya q asi podremos ya sea crear solo botones,paginas,presentaciones es mas practico esta opcion

Flash Player

Flash Player 8, que ejecuta las aplicaciones creadas, se instala de forma predeterminada junto con Flash. Esta aplicación garantiza que todos los archivos SWF de Flash puedan visualizarse y estén disponibles en las mismas condiciones en todas las plataformas, navegadores y dispositivos,incluidos teléfonos móviles.Flash Player se distribuye con los productos de los principalescolaboradores de software, entre los que cabe destacar Microsoft, Apple,Netscape, AOL y Opera, para ofrecer contenido y aplicaciones multimediaa más de 516 millones de personas de todo el mundo. Se distribuyegratuitamente a cualquier persona que desee utilizarlo. La última versiónde Flash Player puede obtenerse en el Centro de descargas de Macromedia

Flash Player, en www.macromedia.com/go/getflashplayer_es.

Bueno para empezar con este curso aqui esta mientras el temario con el cual pienso empezar a trabajar

Unidad 1 Introducción a flash

-Descripción de Flash

-Aplicaciones que se pueden crear con Flash

-Creación de un sencillo documento de Flash

-Flash Player

Unidad 2

Conceptos básicos y entorno de trabajo de Flash

-Página de inicio

-Escenario

-Línea de tiempo.

-Barra de herramientas

-Panel de Propiedades

-Panel De Acciones

-Biblioteca

-Utilización de los paneles y del inspector de propiedades

Unidad 3

Aplicaciones Flash

Animación 1

-Capas

-Fotogramas y fotogramas clave

-Creación de Símbolos

-Propiedades

-Filtros

-Manipulación de objetos y símbolos

-Solapamiento de imágenes

-Interpolación de Movimiento

-Acción stop

-Publicación

Practicas

-Pelota Botando

-Sistema Solar

Animación 2

-Configuración de Velocidad de fotogramas

-Importar imágenes

-Manipulación de Imágenes

-Escenas

-Interpolación de forma

-Papel cebolla

Practicas

-Álbum de fotos dinámico

-Animación de nubes

-Estrella

-Mascara de teatro “triste y Feliz”

Diseño Web I

-Creación de Texto

-Texto estático, dinámico

-Importación de Videos

-Edición de video (básica)

-Importación de Sonidos

-Botones

-Dinámicos

-Acción Script Básico

-go to

-play

-stop all sounds

-un load Movie

-get URL

-Mascaras

-Efectos visuales Útiles en el diseño Web

Practicas

-Creación de páginas Web utilizando los electos vistos

Macromedia Flash 8 merupakan sebuah aplikasi buatan Macromedia. Banyak aplikasi bermanfaat yang telah diciptakan Macromedia, sebut saja Dreamweaver, Flash, Director, Freehand, dan yang lain sebagainya.

Bagi seorang desainer multimedia, mungkin mereka mengenal dan bahkan menggunakan semua jenis software buatan macromedia ini. Dreamweaver digunakan untuk mendesain sebuah website, director dan flash dapat digunakan dalam perancangan perangkat lunak interaktif dengan navigasi dan desain yang sangat menarik.

Beberapa bulan yang lalu saya sempat menggunakan aplikasi macromedia Flash 8. Aplikasi ini saya gunakan dalam pembuatan CD Multimedia Interaktif. CD Multimedia Interaktif yang merupakan tugas utama dalam mata Kuliah CAI (Computer Assisted Instruction) atau dikenal dengan pengajaran berbantuan komputer.

CD Multimedia tersebut saya bangun dengan cara memodifikasi beberapa slide interaktif yang saya download di internet. Hasil download adalah file flash dengan ekstensi *.swf. File *.swf ini saya konversi menjadi fla dengan menggunakan sebuah software decompiler yaitu Sothink SWF Decompiler. Software ini bisa anda dapatkan di http://indowebster.com

Hasil konversi yang di dapat adalah sebuah file FLA yang akan dimodifikasi dengan Aplikasi Macromedia Flash 8 Pro. Tidak gampang (jika tidak bekerja keras) untuk mengakali agar file hasil konversi tersebut dapat di ubah menjadi sebuah CD Multimedia Interaktif. Kesulitan sering terjadi ketika harus mengganti isi informasi asli menjadi infomasi yang sesuai dengan tugas CAI tersebut.

Setelaha mempelajari secara otodidak dan dibantu beberapa rekan (herman,edo, reza, isol, dan novi), akhirnya kami berhasil membuat sebuah CD Multimedia interaktif. Alhamdulillah CD Multimedia tersebut dihargai dengan Nilai A oleh dosen mata kuliah CAI kami.

Setelah meninjau lebih jauh mengenai aplikasi ini, ternyata ada beberapa hal penting  yang harus kita ketahui. Sebagai pandangan, menurut saya yang harus diperhatikan dalam belajar Macromedia Flash adalah penggunaan Layer, Frame, Movieclip, button, dan graphics, serta motion tween.

Layer digunakan sebagai wadah tempat bercokolnya banyak frame yang akan digunakan sebagai tempat diletakannya objek. Frame-frame ini akan digunakan dalam membuat animasi / transisi objek yang sesuai dengan keinginan. Dengan menempatkan kondisi awal dan diakhiri dengan kondisi tujuan, maka akan terjadi gerakan objek yang sesuai deng keinginan desainer, dengan bantuan Motin tween tentunya.

Movieclip digunakan untuk membungun sebuah animasi di dalam sebuah frame. Pilihan movieclip, button dan graphics dapat ditemukan dengan menggunakan tombol F8 pada keyboard.

Jika diuraikan lebih lanjut, materi penggunaan flash ini sangatlah banyak, termasuk penggunaan action script nantinya. Namun sebelum melangkah ke Action Script, ada baiknya mengenal fungsi istilah-istilah yang telah saya uraikan di atas.

Itulah sedikit pengalaman saya, ketika baru meraba penggunaan Macromedia Flash 8 ini. Well semoga informasi ini bisa bermanfaat. Isaninside2009

Lembro que na época em que eu precisei fazer um upload de arquivos como este existia muito pouco material, ou melhor material simples e objetivo para que eu pudesse extendê-lo rapidamente.

A grande diferença deste Upload que postarei hoje para um Upload simples feito somente em PHP é que este aqui não precisa atualizar a tela então da uma sensação bem legal no usuário.

Vamos trabalhar.

Como dito acima você precisa-rá de um servidor Apache com PHP instalado, o Flash também é imprescindível. Este post foi inteiro desenvolvido com o Flash 8 portanto em outras versões é provável que funcione mas eu não garando nada para ninguém.

A primeira coisa é fazermos o nosso Script PHP.

Vou fazer um negócio bem simplão pessoal, para que vocês extendam-no da forma que precisarem.

<?php
$file     = $_FILES["Filedata"];
$nomeTmp     = $_GET['nomeTmp'];
echo move_uploaded_file($file["tmp_name"], ‘Uploads/’ . $nomeTmp);
?>

Lembrem-se, um Script de Upload DEVE ter mais validações de segurança para caso um usuário mal intencionado tente fazer um upload de um script que destrua o servidor.

E por último o comando que efetivamente faz o upload, como primeiro parâmetro, recebe o array com o nome do arquivo e como segundo parâmetro o endereço que eu quero que este arquivo seja colado no servidor, concatenado com o nome.

Só explicando o script, a primeira linha lê-mos o arquivo enviado através do array files pelo Flash para o PHP.

Na segunda linha eu passei como parâmetro para o PHP um nome qualquer para o arquivo que queremos fazer o upload receber quando colado no servidor.

Estas validações vocês encontram na internet com uma googlada ou googleada, sei lá!

O Arquivo Flash.

Crie uma aplicação Flash, e na programação ActionScript do Frame 1, crie um código parecido com este.

Comentários no código.

import flash.external.*;
import flash.net.FileReferenceList;
import flash.net.FileReference;

var objUpload               : Object = new Object();
var arquivosPermitidos : Array  = new Array();
var frUpload                  : FileReferenceList = new FileReferenceList();
var list                           : Object;

//Aqui definimos quais tipos de arquivos serão permitidos para upload.
arquivosPermitidos[0] = {description:”jpg (*.jpg)”, extension:”*.jpg”};
arquivosPermitidos[1] = {description:”jpeg (*.jpeg)”, extension:”*.jpeg”};
arquivosPermitidos[2] = {description:”png (*.png)”, extension:”*.png”};

//O objUpload abaixo representa aquela telinha que abre para o usuário procurar um arquivo na máquina dele.

E o evento onSelect abaixo diz, que ao selecionar o arquivo, seu nome será enviado para a caixa de texto txtArquivo, mais por motivos de interação com o usuário.

Esqueci de falar que adicionamos a referência do arquivo em só para o objeto list, que fará o upload efetivamente.

var principal = this;
objUpload.onSelect = function(fileRefList:FileReferenceList) {
list = fileRefList.fileList;
txtArquivo.text = list[0].name;
}

//Aqui apenas, ligamos o evento ao objeto responsável por criar a caixa de busca.
frUpload.addListener(objUpload);

//Este botão é aquele que o usuário clicar para abrir a caixa de busca, para ele escolher o arquivo a fazer o Upload.
btnProcurar.onRelease = function(){
frUpload.browse(arquivosPermitidos);
}

// Por fim o botão de upload em só que fará o processo de upload.
btnUpload.onRelease = function(){
if(txtArquivo.text == ”){
ExternalInterface.call(‘alert’, ‘Selecione um arquivo para upload’);
return;
}

var bUpload = ExternalInterface.call(‘confirm’, ‘Deseja realmente fazer upload deste arquivo’);
if(bUpload){
list[0].upload(“../upload.php?nomeTmp=nomecriado”);
ExternalInterface.call(‘alert’, ‘Upload realizado com sucesso’);
ExternalInterface.call(‘configuraBotao’, nomeTmp+extensao);
}
}

Como comentário geral sobre esta funcão digo que ExternalInterface.call, chama uma função do JavaScript no Flash como vocês puderam ver.

E o upload de verdade aconteceu neste linha, list[0].upload(“../upload.php?nomeTmp=nomecriado”);, quando chamamos o PHP que criamos anteriormente.

A interface é bem simples, tenho uma caixa de texto chamada txtArquivo, um botão de procura chamado btnProcurar, e um botão Upload chamado btnUpload.

Lembre-se de colocar tudo na mesma pasta no seu servidor apache, e na pasta destes arquivos crie uma pasta chamada Uploads.

Para chamar esta aplicação, chame como um código Flash normal.

<object id=’upload’ hspace=’5′ vspace=’3′ classid=’clsid:D27CDB6E-AE6D-11cf-96B8-444553540000′ codebase=’http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0′ width=’347′ height=’55′>

<param name=’movie’ value=’Uploads.swf’/><param name=’embed’ value=’transparent’>

<param name=’wmode’ VALUE=’transparent’ />

<param name=’quality’ value=’high’ />

<param name=’allowScriptAccess’ value=’always’ />

<param name=’bgcolor’ value=’#000033′ />

<embed src=’Uploads.swf’ wmode=’transparent’ vspace=’3′ name=’upload’ quality=’high’ width=’347′ height=’55′ allowScriptAccess=’always’ type=’application/x-shockwave-flash’ pluginspage=’http://www.macromedia.com/go/getflashplayer’></embed></object>”;

Lembrem-se de adaptar o código acima a seu filme no que se refere a altura, largura do filme. Copiar e colar sem ler aqui não adianta-rá.

Bom creio eu que é isto, fica meio estranho colocar código aqui no wordpress, pelo menos eu não gosto da maneira que fica e as vezes pode até dar problemas na sintaxe.

Mas o código é bem simples, mais para vocês terem um inicio o resto é com vocês.

Vocês podem aplicar Loops, nas partes de selecionar arquivos pode seleciona-los de uma lista pré-criada, e criar loops também nos uploads dentro do botão btnUpload.

E assim vai.

Espero que o layout do wordpress colabore com a sintaxe e disposição do código e que eu não tenha errado ao passar nenhuma parte do código para cá.

De qualquer forma, estou sempre nos comentários para resolver estes problemas.

Obrigado a todos.

Read this article for making snow animation.

Making masking animation is very easy and simple. You can learn from this Masking Tutorial

Learn Flash 8 using some example that I posted at this blog.