Batching .PNGs into .SWFs

[Mackano]

Buenas, yo he estado usando photoshop tiempo atrás, y no hay color, te recomiendo que uses anímate para las transformaciones de png a swf que requieran cambio de aspecto, por ejemplo de 1080 a 1024 o de 3840 a 1024, o que no lo requieran y simplemente sean 1:1,  vas a notar la diferencia de imagen borrosa a una nitidez increíble,  te va a dar calidad HD 

[Mackano]

A simple vista parecen iguales, pero agranda la imagen, a ver si ves la de photoshop y anímate, observa las letras del PEGI por ejemplo. 

[dark13]

For best quality you should use 1080p image resized into flash but it will take more cpu power,  to do so use PNG_to_SWF_dark13_1080p_exact_scale_BK , it should work also with 4k images as the script specifically resize the image at 1024*768. I never tested but I guess HS will crawl to death with 4k images, flash was created to deal with 1024*768.

If you make an universal theme check cpu usage, there seems to be a bug when rescaled .swf is used inside it, I had HS using 25% cpu power even when a game was launched.

[Yardley]

14 hours ago, dark13 said:

If you make an universal theme check cpu usage, there seems to be a bug when rescaled .swf is used inside it, I had HS using 25% cpu power even when a game was launched.

Hey dark, can you expand on this? I don’t quite understand what it is that causes higher CPU usage. 

[dark13]

31 minutes ago, Yardley said:

Hey dark, can you expand on this? I don’t quite understand what it is that causes higher CPU usage. 

 

 

[Yardley]

You didn’t get any replies? I will test the theme you linked on my system. I understand you’re saying that there’s a performance hit but is this when using any of your scripts? 

[dark13]

19 minutes ago, Yardley said:

You didn’t get any replies? I will test the theme you linked on my system. I understand you’re saying that there’s a performance hit but is this when using any of your scripts? 

As far as I remember the problem appears in swf rescaled with my script and with swf directly rescaled inside flash/animate cc

[Yardley]

7 hours ago, dark13 said:

As far as I remember the problem appears in swf rescaled with my script and with swf directly rescaled inside flash/animate cc

Wow, yeah I just tested the theme you posted and even after alt tabbing onto task manager the CPU usage stays at 79% on my system.

So just to be clear, you're saying that using any of your scripts on artwork for a default theme will cause this issue? I'm trying to find any themes currently on my system that have this same problem but haven't found any so far. When I alt tab over to the task manager the CPU usage is high on some but it gradually drops to zero pretty quickly. 

[dark13]

10 minutes ago, Yardley said:

Wow, yeah I just tested the theme you posted and even after alt tabbing onto task manager the CPU usage stays at 79% on my system.

So just to be clear, you're saying that using any of your scripts on artwork for a default theme will cause this issue? I'm trying to find any themes currently on my system that have this same problem but haven't found any so far. When I alt tab over to the task manager the CPU usage is high on some but it gradually drops to zero pretty quickly. 

This is why I asked people to test 1080p artwork inside a .swf for an universal theme, I didn't run further tests. I noticed the thing as I was preparing that theme for a weak laptop and I noticed a serious performance hit. Usually cpu usage can be very high with HS focused but cpu usage drops when HS loses focus.

[vampiresaaa]

On 3/16/2021 at 6:25 PM, MACKANO32 said:

Buenas, yo he estado usando photoshop tiempo atrás, y no hay color, te recomiendo que uses anímate para las transformaciones de png a swf que requieran cambio de aspecto, por ejemplo de 1080 a 1024 o de 3840 a 1024, o que no lo requieran y simplemente sean 1:1,  vas a notar la diferencia de imagen borrosa a una nitidez increíble,  te va a dar calidad HD 

Lo que me estas diciendo, es que yo coja una imagen que tenga descargada de internet y que yo abra esa imagen descargada en Adobe Animate. Una vez dentro de Adobe Animate, que yo reescale esa imagen de 1080 a 1024  y me va a quedar mucha más calidad que si yo esa imagen descargada la meto directamente en Photoshop y la reescalo con Photoshop. ¿ Es eso ?

Si a esa imagen que yo reescalo con Adobe Animate, le aplico despues el Scritp de PNG_to_SWF_dark13_NO_SCALE_NO_SMOOTH, ¿ mejorará aun mas la calidad ?

 

What you're telling me is that I take an image that has downloaded from the internet and that I open that downloaded image in Adobe Animate. Once inside Adobe Animate, I reescal that image from 1080 to 1024 and I'm going to get a lot more quality than if I put that downloaded image I put it directly into Photoshop and rescue it with Photoshop. Is that it?

If I rescue that image with Adobe Animate, then apply the Scritp of PNG_to_SWF_dark13_NO_SCALE_NO_SMOOTH, will it further improve the quality?

[vampiresaaa]

On 3/16/2021 at 6:30 PM, MACKANO32 said:

A simple vista parecen iguales, pero agranda la imagen, a ver si ves la de photoshop y anímate, observa las letras del PEGI por ejemplo. 

¿Si no te es mucha molestia me podrias decir como redimensionar las imagenes con Adobe Animate? Porque si yo entro y le doy a " Nuevo", desde aquí por ejemplo a "Animacion de Personajes" y creo una escena de trabajo de 1024 x 768. 

Le doy a "importar a escenario" . Yo elijo la imagen jpg . Yo solo veo la opcion de poder trabajar la imagen dandole a Modificar / Transformar / Escalar.

Una vez escalada de esta manera yo le doy a Exportar / Exportar Pelicula.  

¿ Esta es la manera correcta de hacerlo ? Gracias

 

If you don't mind, could you tell me how to resize images with Adobe Animate? Because if I go in and hit "New", from here for example to "Character Animation" and create a 1024 x 768 work scene. 

I give you to import to stage. I choose the jpg image. I only see the option of being able to work the image giving it to Modify / Transform / Scale.

Once scaled this way I give you export / Export movie.  

Is this the right way to do it? Thank You

 

Edited March 21, 2021 by vampiresaaa
Correccion porque he descubierto exportar pelicula

[Mackano]

Bueno, cuando vayas probando ya nos comentarás como avanza la cosa, un saludo

[vampiresaaa]

Aqui podeis ver las primeras pruebas. Este es el orden en el que esta colocado:

- Guardar el archivo desde Adobe Animate como PNG-24

- Guardar el archivo dándole a exportar desde Adobe Animate como Pelicula

- Guardar el archivo desde Adobe Animate como PNG-24 y aplicarle el Script de NO SCALE Smooth

- Guardar el archivo desde Photoshop como PNG-24 y aplicarle el Script de NO SCALE Smooth

- Guardar el archivo desde Photoshop como PNG-24

Como se ve, los que guardo desde Photoshop me cambia el tono de color, lo pone mas anaranjado, que realmente me gusta mas, pero no es el color original. Y el que es mas fiel al color y que de mejor calidad se ve sin duda alguna, es el de guardar desde Animate, la he reescalado para que entrase dentro de una pantalla de 1024x768 dándole a Modificar / Transformar / Escalar y luego le he dado a exportar como película que ya lo transforma directamente a swf.

 

[pequetren]

Hello. I need your help.
First of all, thank you for these scripts, I don't understand how to modify them so that they modify my images, I explain trying to make myself understand.
I need for my hypespin theme a box image of 148 x 400 pixels, to which in animate I put a larger image and in properties I tell it not to compress it, it comes out like this

I have tried to modify the scripts without success, because the only one that I was able to get close to was with the script PNG_to_SWF_Zero_Dreams_1920x1080_to_1024x768.jsfl and the size is fine but in the player I see that it is not like the one for animate, I modified these two parameters
bmp_tl.width = 180;
bmp_tl.height = 400;

The batch file works fine, the resulting image has correct measurements, but I don't know how to fit the green canvas to the image.

I've tried all the scripts, but they don't do what I need.
Adapt a larger image to 148 x 400, for my boxes and for CD images I use 200 x 200. Thank you for your comments.

 

 

[dark13]

Is it a problem in HS? HS completely ignores stage resolution of the swf,  it simply considered the first and last non empty pixels on y and x for positioning. If you want to use boxarts as wheel you need to center the position of the image,  if i remember correctly if you have a 200x200 image position must be -100 on y and x.

I'll check if I can modify the script later,  cheers.

[pequetren]

59 minutes ago, dark13 said:

Is it a problem in HS? HS completely ignores stage resolution of the swf,  it simply considered the first and last non empty pixels on y and x for positioning. If you want to use boxarts as wheel you need to center the position of the image,  if i remember correctly if you have a 200x200 image position must be -100 on y and x.

I'll check if I can modify the script later,  cheers.

Thank you very much for your comments.
In HS, it is not a problem, it is positioned correctly in the theme, but it was easy to solve by correcting some parameter that I cannot understand and the batch file would make the images like the manual option that I showed in the first box that fits to the image. I didn't see stage size measurements in the scripts...I don't understand if it's 200 x 200 then the position is -100 on y and x.

[dark13]

png2swf();

function png2swf()
{
    var folderURI = fl.browseForFolderURL("Select a folder.");
    if (folderURI == null) { return; }
    var folderContents = FLfile.listFolder(folderURI);

    var doc = fl.createDocument();
    doc.backgroundColor = '#00FF00';
    
    var imported = 0;
        
    for(var i=0; i< folderContents.length; i++){
        
                    
        var pngURI = folderURI + "/" +folderContents[i];
        if (pngURI.substr(pngURI.length-4) != ".png") continue;
        
        doc.importFile(pngURI);
        
        // get item        
        var bmp_lib = doc.library.items[imported];
        bmp_lib.compressionType = "lossless";        
                bmp_lib.allowSmoothing = true;
        var bmp_tl = fl.getDocumentDOM().getTimeline().layers[0].frames[0].elements[0];
                 
// Scale from 1080p to 1024*768 and apply 16:9 ratio correction
                bmp_tl.width = 1024;
                bmp_tl.height = 768;
                bmp_tl.x = 0 ;
                bmp_tl.y = 0 ;

// set doc size
        doc.width = Math.floor(bmp_tl.width);
        doc.height = Math.floor(bmp_tl.height);    
// export    
        var swfURI = pngURI.substr(0,pngURI.lastIndexOf(".")+1)+"swf";
        doc.exportSWF(swfURI, true );
        
        // remove previous from timeline
        doc.selectAll();
        doc.deleteSelection();
        
        // increase imported count
        imported++;
    }
    
    doc.close(false);
    
    alert(imported + " files created.");
}

Change set doc size for the stage and bmp_tl height and width

If you use a swf the artwork must be centered, aligned at the middle of the image on y=1 and x=1, so something like this if the image is 200x200
 

                bmp_tl.x = 200/2-200 ;
                bmp_tl.y = 200/2-200 ;

 

[pequetren]

12 hours ago, dark13 said:

png2swf();

function png2swf()
{
    var folderURI = fl.browseForFolderURL("Select a folder.");
    if (folderURI == null) { return; }
    var folderContents = FLfile.listFolder(folderURI);

    var doc = fl.createDocument();
    doc.backgroundColor = '#00FF00';
    
    var imported = 0;
        
    for(var i=0; i< folderContents.length; i++){
        
                    
        var pngURI = folderURI + "/" +folderContents[i];
        if (pngURI.substr(pngURI.length-4) != ".png") continue;
        
        doc.importFile(pngURI);
        
        // get item        
        var bmp_lib = doc.library.items[imported];
        bmp_lib.compressionType = "lossless";        
                bmp_lib.allowSmoothing = true;
        var bmp_tl = fl.getDocumentDOM().getTimeline().layers[0].frames[0].elements[0];
                 
// Scale from 1080p to 1024*768 and apply 16:9 ratio correction
                bmp_tl.width = 1024;
                bmp_tl.height = 768;
                bmp_tl.x = 0 ;
                bmp_tl.y = 0 ;

// set doc size
        doc.width = Math.floor(bmp_tl.width);
        doc.height = Math.floor(bmp_tl.height);    
// export    
        var swfURI = pngURI.substr(0,pngURI.lastIndexOf(".")+1)+"swf";
        doc.exportSWF(swfURI, true );
        
        // remove previous from timeline
        doc.selectAll();
        doc.deleteSelection();
        
        // increase imported count
        imported++;
    }
    
    doc.close(false);
    
    alert(imported + " files created.");
}

Change set doc size for the stage and bmp_tl height and width

If you use a swf the artwork must be centered, aligned at the middle of the image on y=1 and x=1, so something like this if the image is 200x200
 

                bmp_tl.x = 200/2-200 ;
                bmp_tl.y = 200/2-200 ;

 

BRUTAL, thank you very much dark13.
This worked for me:           

                bmp_tl.width = 200;
                bmp_tl.height = 200;
                bmp_tl.x = 200/1-200 ;
                bmp_tl.y = 200/1-200 ;

 

. Thanks, teacher.

[dark13]

bmp_tl.x = 200/2-200 ;
bmp_tl.y = 200/2-200 ;

This is needed only when you want to use a swf as wheel image, for Artworks and Background layer just use

 

bmp_tl.x = 0 ;
bmp_tl.y = 0 ;