Flash CS4. Puzzle deslizante. FileReference.load()

BuenAS, Dourado:

Pues sí, se me ha pasado. Tenía aplicado el smoothing al bitmap con el que genero las piezas y se me ha pasado aplicarlo al bitmap que utilizo cuando cargo la imagen. Lo corrijo, y lo subo actualizado. Muchas gracias por la observación .

Típico problema del desarrollador: todas las pruebas las he estado haciendo con imágenes del mismo tamaño del puzzle y no me había dado cuenta.

Otro fallo: no se desactivan los listeners de las piezas cuando se muestra la imagen completa del puzzle.

Un saludo.

…pues ya estan corregidas ESAS dos cosas; aunque imagino que ahora habré metido algún par de cientos de bugs. Aunque, centrémonos, que lo importarte de todo esto es el método FileReference.load() . Por cierto, cuando se carga una imagen rectangular, recorto el cuadrado de la esquina superior izquierda. y lo reescalo a 600×600 pixeles (el tamaño del puzzle)

Hola zap:

Pues nada, a disfrutarlo

El archivo con la imagen NO tiene por qué estar en tu disco duro. Puedes pasarle la url de una imagen pública que esté en Internet. Eso sí, sería conveniente que tuviera un tamaño mínimo de 600×600 píxeles, el tamaño del puzzle; si es más pequeña, se redimensiona a este tamaño y puede aparecer poco nítida por el reescalado.

Un saludo.

Hola Jenel:

Pues mira, lo mismo no te hace falta ni abrir Flash. Verás que en la carpeta “bin/xml” tienes un archivo llamado “galeriaImagenes.xml”, editalo y cambia el contenido de la etiqueta “ruta” por la url de la imagen que quieres cargar.

Ahora mismo encontrarás rutas del tipo “images/imagen1.png”. Sólo tienes que cambiarlas por la “carpeta/nombre imagen” que correspondan con las imágenes que vayas a utilizar. Lo que SÍ ES IMPORTANTE es NO CAMBIAR el nombre de las etiquetas ni su estructura, ya que de ser así Flash no podría procesar el xml para encontrar las imagenes.

El de videos es básicamente igual que este, salvo que deberías hacer una captura de pantalla de cada vídeo para mostrarlo en el menú deslizante que aparece abajo. En la etiqueta “img” da la ruta de la imagen que hayas capturado del vídeo; en la etiqueta “video” especifica la ruta del flv correspondiente que se mostrará en el reproductor.

No sé si has trabajado alguna vez con xml’s. Es FUNDAMENTAL cerrar todas las etiquetas, no equivocarte al escribirlas, etc. No es como html, que se te puede olvidar cerrar una etiqueta y sigue visualizandose en el navegador. Aquí hay que ser más cuidadoso, por lo que te recomiendo utilizar algún editor de xml, como Dreamweaver o programa similar.

Al servidor deberías subir TODO lo que está en la carpeta “bin”. Y un consejo, como imagino que no vas a modificar nada, utiliza imágenes de tamaño similar a las de estos ejemplos, sobre todo en el de la galería coverFlow, para que no se te descoloquen demasiado. En el de vídeos da casi igual, ya que se mostrará el vídeo con el tamaño original que tenga.

Un saludo.

… nada, ningún problema Lo único, que es público y lo mismo que los has cogido tú, lo puede utilizar cualquier persona que se pase por aquí. Si conoces a alguien que sepa algo de Flash, podrías cambiar un poco los botones de la galería coverFlow, para “personalizarlos” un poco.

BuenAS, Dourado:

En el código que has pegado veo que asignas a urlRequest.data las variables y, por tanto, se sobreescribe la anterior asignación:

urlRequest.data = UploadPostHelper.getPostData( m_finalImage m_imageExtension, byteArray );

e imagino que no te llegará la imagen (el byteArray) al php del servidor para guardarlo.

En este enlace:

http://marstonstudio.com/2007/10/19/how-to-take-a-snapshot-of-a-flash-movie-and-automatically-upload-the-jpg-to-a-server-in-three-easy-steps/

se muestra cómo pasar el byteArray y parámetros.

Y otra cosa, en el archivo php es donde se recuperan los parámetros que has pasado y tendrías que hacer… lo que estimes oportuno con ellos. Imagino que lo que quieres es añadir algún tipo de registro en una base de datos para que quede constancia de quién ha mandado la imagen.

Un saludo.
P.D.: Te he leído en Domestika, pero no sé que pasa que me han filtrado y no consigo entrar con Tpmmds (creerán que soy spam por lo que estaba posteando últimamente).

…en este enlace puedes encontrar ejemplos de la parte de servidor:

http://scoopmedia.be/uploading-files-using-actionscript-30-and-php

Un saludo.

BuenAS:

El tercer parámetro del método “getPostData” en principio es para pasar parejas variable/dato en el post. Habría que crear un objeto:

var parametros:Object = {variable:valor…}

y pasarlo como 3º parámetro:

urlRequest.data = UploadPostHelper.getPostData( rutaArchivo, byteArray, parametros );

Esto en principio debería hacer llegar a tu php a través del post una matriz con las variables y sus valores.

Esta clase no la he utilizado nunca ya que depurar php no es mi fuerte . Para estos casos suelo utilizar AMFphp ya que te puedes enterar desde Flash si han llegado las variables, si se han recuperado, etc.

No estoy seguro, pero creo que el protocolo AMF3 es bastante más eficiente que el método POST para el envío de archivos binarios.

Un saludo, y siento no saber mucho más de esta clase

BuenAS, Dourado:

He subido un ejemplillo con AMFphp, por si te animas con él para otro proyecto. En este ya lo tienes resuelto

Aunque veas muchos archivos en el servidor, realmente sólo se edita (en principio, claro) un sólo php, el que actúa como un servicio para tí, y que se coloca en la carpeta “services”. En este ejemplo, la clase php se llama ByteArrayService.php.

Actualmente sólo guarda la imagen en jpg y le paso el nombre del archivo y la carpeta donde se va a guardar; pero como con AMFphp llamas a una función (en este caso, SaveAsJPEG) podrías añadirle tantos parámetros como necesites. Por ejemplo un array de valores.

Para mí tiene la gran ventaja de que la función a la que llamas te devuelve un resultado: información sobre si todo ha ido bien en el servidor, qué tipo de problema ha surgido, etc. Si te conectas a una base de datos puedes conocer el resultado de la consulta, si se ha actualizado un registro, si se ha borrado correctamente…

Ah! y otra gran ventaja, Internet está lleno de ejemplos, tutoriales y recursos para AMFphp. Casi cualquier cosa que se te ocurra hacer con Flash y un servidor lo vas a tener hecho

Un saludo.

Un saludo.

BuenAS, Dourado:

AMFphp lo que gestiona es “la transmision”, de hecho creo que utilizo la misma función de php para escribir el archivo en el servidor en el ejemplo que tú, y parte también de un byteArray ya codificado en jpg. En este sentido un método u otro no van a afectar.

Como dices, también con POST puedes enterarte de lo que “responde” php No me expliqué bien: Con AMF dispones de un “Responder” al que le asignas dos métodos, uno para cuando la conexión tiene éxito y otro para cuando falla. En estos métodos recibes la información y rápidamente puedes ver qué ha pasado en el servidor, o recuperar los datos que te interese.

Un saludo.

Hola Nany:

¿Has modificado algo? Posiblemente se trate de otra cosa y te da este error. La clase Event pertenece al core de Flash; o sea, se instala con Flash, en la biblioteca compilada:

carpeta de instalación/Common/Configuration/ActionScript 3.0/FP10/playerglobal.swc

SEGURO que la tienes. Prueba a descomprimir de nuevo los archivos a ver si te sigue dando el error.

Un saludo.