• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Enrique Chavez

Professional WordPress Development

  • Home
  • Blog
  • Contact Me
  • Hire Me

swf2jpg

ActionScript · Sep 18, 2004

íšltimamente han aparecido varios sitios en los cuales uno puede crear su wallpaper personalizado..
El cliente esta hecho en flash y al terminar tu “obra” puedes descargar el JPG…

Bueno hace poco platicando con Fer nos preguntábamos como poder hacer esto. Estuve investigando la forma más simple de hacerlo y la mejor opción por lo menos para mí­ fue usar las Librerí­as GD de PHP.

La explicación teórica es esta:

Cliente
1.- Poder elegir un grafico
2.- Moverlo por el “Stage”
3.- Situarlo donde más nos guste
4.- Incluirlo el grafico tantas veces queramos
5.- Enviar las propiedades de cada grafico a un Script .php

Servidor
1.- Tomar las propiedades de los gráficos y generar la imagen

bien, por cada grafico disponible en el Cliente, necesitaremos una copia con buena resolución en el servidor, para poder editarla mediante las librerí­as GD

y eso es todo…

Aquí­ esta el Ejemplo http://tmeister.dev/archivos/swf2jpg/dibuja.swf

Solo basta dar click en un elemento grafico una vez disponible en el “Stage” posicionarlo donde gusten y por ultimo oprimir el botón Genera JPG…

El Script PHP

[php]

[/php]

Este Script recibe una variable con los nombres de las imagenes y sus propiedades algo asi:

[code]
ffm,48,51,81,162–diablito,369,246,107,92
[/code]

Por el momento el cliente solo puede mover los gráficos no puede escalarlos.. 😀

Archivos Fuente http://tmeister.dev/archivos/swf2jpg/swf2jpg.zip

Enjoy… 8)

Related

Filed Under: ActionScript Tagged With: ActionScript

Enrique Chavez

Senior Full Stack WordPress developer & WordPress Enthusiast -
Spend my days building cool stuff with WordPress.

Reader Interactions

Comments

  1. Galileo says

    Sep 19, 2004 at 9:38 am

    Interesante, muy interesante

    Gracias !!

    Reply
  2. fael says

    Sep 21, 2004 at 11:52 pm

    interesantí­simo, realmente hay poco tutoriales que incluyan la librerá gd, no se diga que además estén en español, así­ que voy a spammear un poco (digo, si me lo permiten), hace poco escribí­ 2 tutoriales usando la librerá gd, aquí­ están las urls
    http://therror.nodani.com/documentos.php?doc=pixel
    http://therror.nodani.com/documentos.php?doc=toogle
    [/spam]
    saludos

    Reply
  3. Hunter says

    Sep 22, 2004 at 3:44 pm

    Muy interesante el tema, yo he estado tratando de hacer algo por el estilo, sin embargo no encuentro la forma de resolverlo
    Ejemplo
    Lo que intento es que se elabore un mapa en linea personalizando colores y dar la posibilidad de exportalo como jpg. Ahora bien con esta alternativa que en este tutorial se indica puedo hacer una especie de rompecabezas, tener todos los estados en imagenes png y despues armar el mapa, sin embargo no he podido cambiar el color de una imagen a otro que yo le indique, lo he intentado con la función imagecolorsforindex pero no obtengo resultado, alguna idea o sugerencia

    Reply
  4. Tmeister says

    Sep 22, 2004 at 9:16 pm

    Para cambiar el color a una imagen completa se usa la funcion ImageColorAllocate

    Aqui pongo un ejemplo completo..

    [code]
    < ?php
    header(‘Content-Type: image/jpeg’);
    $original = ‘imgs/ffm.png’;
    $im_size = GetImageSize($original);
    $imageWidth = $im_size[0];
    $imageHeight = $im_size[1];
    $im = imageCreate($imageWidth,$imageHeight);
    ImageColorAllocate($im, 0xFF,0x00,0x00);
    $im2 = imagecreatefrompng($original);
    ImageCopyMerge($im,$im2,0,0,0,0, $imageWidth, $imageHeight, 100);
    imagejpeg($im, “”, 100);
    ImageDestroy($im2);
    ?>
    [/code]

    Si te das cuenta dicha funcion necesita 4 parametros

    [code]
    ImageColorAllocate($im, 0xFF,0x00,0x00);
    [/code]

    imagen y los tres valores hexadecimales del color… En este caso Rojo FF0000

    aqui hay un ejemplo de como queda la imagen http://tmeister.dev/archivos/swf2jpg/color.php

    Saludos!! 8)

    Reply
  5. Raúl Jiménez says

    Sep 23, 2004 at 9:32 am

    Mmmm…. realmente interesante e ilustrativo. La potencia de Flash y PHP conjuntados no deja de sorprenderme.

    Muy bueno Tmeister, muy, muy bueno.

    Un saludo!!

    Reply
  6. Kari says

    Sep 23, 2004 at 11:57 am

    Excelente, me parece super interesante…..
    Pero disculpen mi ignorancia, no hay manera de hacer lo mismo pero en ASP e igualmente con Flash

    Reply
  7. alejandro says

    Sep 23, 2004 at 12:00 pm

    Hola me parece genial el tuto y la aplicacion,..hace tiempo queria saber como lo hacian,….
    una pregunta,..no me funciona,… me imagino q es x las librerias GD de php,..o es x otra cosa?,…
    pd:soy novato,….no se nada de php,…

    Reply
  8. fael says

    Sep 23, 2004 at 12:07 pm

    en asp, por lo que sé no hay librerá que pueda manejar imagenes on the fly

    para instalar gd abre el archivo php.ini y busca el módulo que dice algo así­ como “php_gd2.dll”, le quitas el punto y coma ( ; ) que está al inicio de la lí­nea y ya, si no, pregúntale a google

    saludos

    Reply
  9. Hunter says

    Sep 24, 2004 at 1:07 pm

    mmm realmente no e slo que pensaba en cuanto a cambio de color, más bien esta sobreponiendo un color, es decir, mi idea es que por ejemplo cambies el color al elemento de las letras, que las letras salgan en verde por ejemplo y que la carita de diablito salga en azul por ejemplo. con estas funciones que comentas no lo hace, yo creo que mas bien seria reemplazar el color de los pixeles de cada elemento por uno en especifico o algo asi por el estilo… mm no se si me entienden cual es la idea???

    a seguir buscando la forma 🙂

    Reply
  10. fael says

    Sep 24, 2004 at 5:13 pm

    en la liga al tutorial que dejé (el de toogle) se explica la función imagecolorat, eso te servirá para reemplazar, por ejemplo 0x000000 por 0xff0000 o el color que quisieras, pero qué tal si hay varias gamas de negro, ejemplo 0x110010? esas quedarán igual, por lo pronto no se puede (automáticamente) y programado es muuuy laborioso

    Reply
  11. Angueto says

    Oct 13, 2004 at 10:31 am

    Hola amigos… me dice “Formato inseperado” cuando abro el fla.
    Otra cosa: yo tengo las imágenes en la biblioteca del flash se puede hacer con actionscript? o como seria?
    Gracias gentes…

    Reply
  12. sebazam says

    Nov 8, 2004 at 11:43 pm

    che, gracias por la ayuda. si puedo ayudarles en algo, pregunten no más.

    Reply
  13. Sergio says

    Nov 9, 2004 at 5:39 pm

    Que tal, esta muy padre esto, pero no se puede hacer a partir de vectores, o sea que no se necesiten los archivos de fotos?

    Reply
  14. david says

    Jun 3, 2005 at 10:33 am

    hola, la verdad es que no entiendo mucho la mecánica del asunto, lo cierto es que estoy muy interesado en saber como puedo generar un wallpaper desde un swf (o una imagen jpg) pero desconectado, o sea solo operando en mi computador.

    Si alguien me pudiera ayudar estará muy agradecido.

    PD: no pude abrir el fla que vená en el ejemplo, me dice formato inesperado

    Reply
  15. larry caldron says

    Apr 20, 2006 at 8:08 pm

    hola a todos ando buscando por favor datos acerca de como adaptar el tamaño de mi .sfw incertado en un html para que cualquier usuario lo vea igual indepedientemente de la resolusion que use en su pantalla. agradecido estare si alguien me pasa un dato por lo menos.

    Reply
  16. ladobonline says

    May 21, 2007 at 5:47 am

    Hola!
    He usado este ejemplo durante algún tiempo y funcionaba a la perfección. En mi caso se trataba de una grilla de 20 imagenes ya con posición definida y con una variable que le agregaba número para no sobreescribirse… Bien, ahora luego de mucho tiempo funcionando a la perfección, no coloca todas las imagenes, queda solo el fondo blanco… y si quito algunas, funciona! (es decir si antes colocaba 20 imagenes en el lienzo, ahora solo admite 10, sino aparece solo el lienzo)… sabes a que se puede deber?
    Muchas gracias!

    Reply
  17. ladobonline says

    May 22, 2007 at 8:02 am

    Después de horas (y no exagero) investigando y probando, descubrí­ el problema, y por ende, lo solucioné. Resulta que los parámetros pasan por “GET” y son muchos datos… reduje la cantidad de datos eliminando las dimensiones de las imagenes (que son siempre las mismas) y acortando los nombres de los ficheros eliminando sus rutas que tb son siempre las mismas!
    La duda que me queda es por qué antes funcionaba y ahora no… pero en fin! ya está solucionado!
    😀

    Reply
  18. jose luis says

    May 31, 2007 at 11:52 am

    hola q tal soy nuevo en php y quisiera saber como mostrar todas las imagenes redimensionadas ya q extraigo todos los datos de una base de datos y quiero mostrarlas en una oagina pero solo me muetra una se los agradecere mucho si me pueden ayudar…

    Reply
  19. marcos says

    Feb 22, 2008 at 2:49 pm

    hola buen dia este tutorial esta muy chido. ahora no se si me podrian ayudar con esto, e querido poner un input text y lo que escribas en esa casilla se generara en la imagen jpg junto con los graficos, si alguien sabe, me pudiera pasar el dato. se los agradecerá mucho

    Reply
  20. Raul says

    Mar 17, 2008 at 8:36 pm

    Holas

    Bueno quisiera saber si esto funciona sólo cuando es el archivo es .flv más no .swf ???

    Puesto que quiera generar thumbnails de apartir de .swf a gif o jpg

    Reply
  21. gvo says

    Mar 18, 2008 at 4:09 pm

    Hola, esta muy interesante, lamentablemente buscaba algo casi relacionado, que haga un jpg pero con la opcion de guardar en una carpeta y no que genere el jpg en un pag del explorer, sino que al ponerle generar jpg me de la opcion de guardarlo o bien que lo guarde directamente en una carpeta, saludos muchas gracias

    Reply
  22. Aracely Gonzalez says

    May 8, 2008 at 11:43 am

    Chicos,

    Estoy utilizando una libreria de graficos que me genera la salida como .swf

    Recien surgio el requerimiento de vaciar dicho reporte con graficas a un documento word por lo que necesito obtener el equivalente de mis graficos en jpg o algun formato bitmap para poder incrustarlo y que se despliegue sin ningun problema

    Mi app corre en un Server Linux con Apache, PHP y cuento con GD

    Tienen algun ejemplo que me apoye con lo que necesito ?

    Mil gracias de antemano y que tengan un excelente dia
    Aracely

    Reply
  23. Julio says

    Jun 8, 2008 at 12:01 pm

    Hola,
    muy interesante pero este script que tienes crea un jpg basado en parametros, pero lo que no hace es comvertir un swf a jpg,

    grasias.

    Reply
  24. Manuel says

    Mar 27, 2009 at 7:33 am

    me ha gustado mucho.
    seria posible mover los gráficos, escalarlos y rotarlos para colocarlos al gusto?

    muchas gracias

    Reply

Trackbacks

  1. FlashBlog » swf2jpg says:
    Jun 29, 2005 at 11:44 am

    […] Aquí esta el Ejemplo http://tmeister.dev/archivos/swf2jpg/dibuja.swf Fuente: klr20mg La explicación es esta: Cliente 1.- Poder elegir un grafico 2.- Moverlo por el […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

SUBSCRIBE FOR UPDATES

Like what you’ve read? If you're interested in my email, sign up here. No spam I promise!

My WordPress Plugins

  • JWT for WP REST API
  • WP Simple Mail Sender
  • Idea Factory

My SideProjects

  • WordPress Plugin Boilerplate Generator

My Profiles

  • WordPress
  • GitHub
  • Linkedin

Additional Info

  • Blog
  • Hire Me
  • Contact Me

© 2021 Enrique Chavez