Comment faire des animation flash à l'échelle proportunatly à la div de largeur?

J'ai eu plusieurs idées qui sont allés à partir de l'appelant et fonction actionscript à partir de javascript à l'aide de ExternalInterface, pour passer les FlashVars swf juste pour que le fichier swf de savoir quelle est la taille de la div, de la plus simple idée.

va ici.

Ont 1 MovieClip que l'arrière-plan et 1 MoveClip contenant la tête.

Je pense que votre meilleur pari serait le "C'est l'animation flash sur le dessus" option à partir de votre exemple.
Votre meilleure sera la définition de

stage.scaleMode = StageScaleMode.NO_SCALE;

ou

stage.scaleMode = StageScaleMode.SHOW_ALL;

L'idée est d'avoir un contenu à l'échelle proportionnellement.

Puis vous ajoutez un écouteur d'événement pour l'événement de redimensionnement et de l'échelle/redessiner l'arrière-plan.

stage.addEventListener(Event.RESIZE, stageResizeHandler);

function stageResizeHandler(event:Event = null):void{
   //assuming your background is called "background"
   background.width = stage.stageWidth;
   background.height = stage.stageHeight;
   //if content needs recentering, assuming "content" is the name used
   content.x = (stage.stageWidth - content.width) * .5;
   content.y = (stage.stageHeight - content.height * .5;
}

J'ai mis par défaut pour le gestionnaire d'événement argument de sorte que vous pouvez appeler cette fonction sans
envoi d'un événement

par exemple

stageResizeHandler();

au lieu de

stage.dispatchEvent(new Event(Event.RESIZE));

Vous pourriez avoir besoin d'appeler cette fonction lorsque vous initiallize, pas sûr.

Aussi, vous aurez besoin de redimensionner le contenu proportionnellement en fonction de la taille de la scène.
donc voici un code que j'ai testé:

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;


stage.addEventListener(Event.RESIZE, stageResizeHandler);

stageResizeHandler();

function stageResizeHandler(event:Event = null):void{
    //resize bg
    bg.width = stage.stageWidth;
    bg.height = stage.stageHeight;

    //scale proportionally
    if(content.width > stage.stageWidth || content.height > stage.stageHeight){
        var ratio:Number = getRatio(content);
        if(stage.stageWidth > stage.stageHeight){
            content.height = stage.stageHeight;
            content.width = content.height * ratio;
        }else 
        if(stage.stageWidth < stage.stageHeight){
            content.width = stage.stageWidth;
            content.height = content.width / ratio;
        }
    }else {
        content.scaleX = content.scaleY = 1;
    }

    //centre
    content.x = (stage.stageWidth - content.width) * .5;
    content.y = (stage.stageHeight - content.height) * .5;
}

function getRatio(target:MovieClip):Number{
    var ratio:Number; 
    target.width > target.height ? ratio = (target.width / target.height) : ratio = (target.height / target.width);
    return ratio;
}

Malheureusement, j'ai remarqué un peu de scintillement sur certaines tailles. Je suppose que la mise à l'échelle et le fait de la le ratio change souvent en fonction de comment vous le redimensionnez.

OriginalL'auteur George Profenza