Scalare sito web in flash

alecoraby

Scalare sito web in flash

Salve,
ho un'informazione da chiedere.
Questo è il sito web in questione eingrafik.com
Il filmato in flash è 1024X768.Ovviamente guardandolo da un pc con monitor grande lo si vede intero (almeno parlo dei monitor NON 16:9).
Ho notato,quindi,che sul mio portatile appare la barra di scorrimento laterale,il chè rende poco piacevole il lavoro.
Ho provato attraverso dream weaver a cambiare le dimensioni in 800X600.
Ma ho un problema a questo punto: il logo del viso non è più definito come prima.
Secondo voi conviene riprendere in mano il FLA del lavoro o esiste un modo per la scala automatica del filmato e senza perdere in qualità?
Grazie in anticipo!
Alessandro

nhatan

Devi fare un Resize, se stai lavorando in as2 quà c'è un esempio
http://www.juliusdesign.net/ottimizzare-un-sito-flash-a-tutte-le-risoluzione-di-schermo/

alecoraby

MMM,
grazie per il suggerimento.
Se ho capito bene...la prima parte la devo inserire nell'index dove ho il filmato...immagino in body giusto?

La seconda parte nel fla...ma dove di preciso?

nhatan


Stage.align = "TL";
Stage.scaleMode="noscale";
_quality="BEST";
// --
_global.setStage = function() {
    slis = new Object();
    slis.onResize = function() {
        //imposto le coordinate del clip centro 
        centro._x=Stage.width/2
        centro._y=Stage.height/2
        //imposto le dimensioni del clipo sfondo al fine di adattarlo alla pagina
        sfondo._width = Stage.width;
        sfondo._height = Stage.height;
    
    mcbo._x=Stage.width-mcbo._width
    mcbo._y=Stage.height-mcbo._height
    barra_mc._width = Stage.width;
    barra_mc._x=0
    //barra_mc._y=0
    barra_mc._y=Stage.height-barra_mc._height
    
    barrasupmc._width = Stage.width;
    barrasupmc._y=0
    barrasupmc._x=0
    homebtn._x=10
    homebtn._y=10
    };
    Stage.addListener(slis);
    slis.onResize();
};
setStage();

//Adatto l'immagine
var rapp = foto._width/foto._height;
var ecout = new Object();
ecout.onResize = function() {
    bouge();
};
Stage.addListener(ecout);
bouge = function () {
    foto._x = 0;
    foto._y = 0;
    
    foto._width = Stage.width;
    foto._height = Stage.width/rapp;
    if (foto._height<Stage.height) {
        foto._height = Stage.height;
        foto._width = Stage.height*rapp;
    
    }
    // end if           
};
bouge();
stop();

questo è più o meno il codice di quel sorgente, se vuoi che il filmato si adatti ad ogni risoluzione tutti gli elementi devi metterli dentro la funzione onResize ed assegnarli le coordinate dinamicamente, quà ad esempio centro è un clip filmato che rimane sempre al centro della finestra del browser, foto e un clip di sfondo che ad ogni risoluzione si adatta mantenendo le proporzioni, barrasupmc rimmarrà sempre in alto ed avrà la larghezza della finestra, ora non so se puoi adattare il tuo sito o se lo devi modificare se la posizione dei vari oggetti sullo stage è fissa devi fare delle modifiche.

alecoraby

Ho inserito il codice nella index.Il risultato è che col portatile vedo la pagina adattata.E fin qui tutto a posto.
Rimane però il fatto che il logo ha perso di qualità.
Devo ancora capire dove inserire il codice nel FLA....sarà quello a risolvere il problema del logo?

alecoraby

@Nhatan said:

Stage.align = "TL";
Stage.scaleMode="noscale";
_quality="BEST";
// --
_global.setStage = function() {
slis = new Object();
slis.onResize = function() {
//imposto le coordinate del clip centro
centro._x=Stage.width/2
centro._y=Stage.height/2
//imposto le dimensioni del clipo sfondo al fine di adattarlo alla pagina
sfondo._width = Stage.width;
sfondo._height = Stage.height;

mcbo._x=Stage.width-mcbo._width
mcbo._y=Stage.height-mcbo._height
barra_mc._width = Stage.width;
barra_mc._x=0
//barra_mc._y=0
barra_mc._y=Stage.height-barra_mc._height

barrasupmc._width = Stage.width;
barrasupmc._y=0
barrasupmc._x=0
homebtn._x=10
homebtn._y=10
};
Stage.addListener(slis);
slis.onResize();

};
setStage();

//Adatto l'immagine
var rapp = foto._width/foto._height;
var ecout = new Object();
ecout.onResize = function() {
bouge();
};
Stage.addListener(ecout);
bouge = function () {
foto._x = 0;
foto._y = 0;

foto._width = Stage.width;
foto._height = Stage.width/rapp;
if (foto._height<Stage.height) {
    foto._height = Stage.height;
    foto._width = Stage.height*rapp;

}
// end if

};
bouge();
stop();

Il mio sito è composto da un main con un contenitore.
Il resto sono altri swf che si caricano nel contenitore.

nhatan

Ma per me così e dificile capire cosa è meglio, anche perchè se vuoi un sito con il resize va progetato in anticipo. Non avendo il sito sottomano non so cosa consigliarti.