dynamischer schatten

[ChriZi]

ich hab ne frage...
weiss jemand wie man am besten ein schatten eines fensters (box) macht und der sich dann automatisch anpasst beim verändern der fenstergrösse?

ich habe mir mal überlegt das fenster einfach zu duplizieren, schwarz zu färben und dann mit onEnterFrame sich immer anzupassen...
und das etwa 4 mal mit jeweils anderen alpha werten...

jedoch würden dann die ecken.... einen eckigen schatten haben,... was aber nicht mein wunsch ist

nunja... die frage ist eigentlich nur... ob jemand ne schlaue idee hat oder schon ne gute lösung kennt ...

danke vielmals

[johanness]

Ich würde auch die Box dublizieren. Aber den Problem mit den Ecken versteh ich nicht

[nalin]

bei dynamischen schatten ist mir spontan pageflip eingefallen.

http://www.flashforum.de/forum/searc...earchid=321351

gruß,
nalin

[mooseMash]

also ich hab da mal was vorbereitet, guckst du:

MovieClip.prototype.drawRahmen = function(c,a) {
    trace('drawRahmen called');
    this.lineStyle(1,col,15);
    this.moveTo(startX,startY);
    this.beginFill(c,a) 
    this.lineTo(startX+breite,startY);
    this.lineTo(startX+breite,startY+hoehe);
    this.lineTo(startX,startY+hoehe);
    this.lineTo(startX,startY);
    this.endFill()
    updateAfterEvent();
    //drawShaddow();
};
MovieClip.prototype.drawRect = function(x1, y1, w, h,c,a,lthick,lc,la) {
    this.lineStyle(lthick,lc,la);
    this.moveTo(x1,y1)
    this.beginFill(c,a)
    this.lineTo(x1+w,y1)
    this.lineTo(x1+w,y1+h)
    this.lineTo(x1,y1+h)
    this.lineTo(x1,y1)
    this.endFill()
};
 
MovieClip.prototype.blurredRect = function(x, y, width, height, blur, color, alpha) {
    this.lineStyle();
    var f = [];
    var sum = 0;
    for (var i = 1; i<blur+1; i++) {
        f[i-1] = i*i;
        sum += f[i-1];
    }
    var newfactor= 2;
    var counter = 40;
    do {
        factor=newfactor
        var b = 0;
        for (var i = 0; i<=blur; i++) {
            var ftemp = (f[i]*(factor*alpha)/sum)/100;
            b = b*(1-ftemp)+ftemp;
        }
        counter--;
        newfactor *= alpha/(100*b);
    } while ((counter>0) && (Math.abs(100*b-alpha)>.5));
    for (var i = 0; i<=blur; i++) {
        f[i] *= (factor*alpha)/sum;
    }
    for (var i = 0; i<=blur; i++) {
        this.beginFill(color, f[i]);
        this.roundRect(1+(x+i)-blur/2, 1+(y+i)-blur/2, x+width-i+blur/2-1, y+height-i+blur/2-1, blur-(i*2/3));
        this.endFill();
    }
};
MovieClip.prototype.roundRect = function(x1, y1, x2, y2, r) {
    r = Math.min(Math.abs(r), Math.min(Math.abs(x1-x2), Math.abs(y1-y2))/2);
    var f = 0.707106781186548*r;
    var a = 0.588186525863094*r;
    var b = 0.00579432557070009*r;
    var ux = Math.min(x1, x2);
    var uy = Math.min(y1, y2);
    var lx = Math.max(x1, x2);
    var ly = Math.max(y1, y2);
    this.moveTo(ux+r, uy);
    var cx = lx-r;
    var cy = uy+r;
    this.lineTo(cx, uy);
    this.curveTo(lx-a, uy+b, cx+f, cy-f);
    this.curveTo(lx-b, uy+a, lx, uy+r);
    cy = ly-r;
    this.lineTo(lx, cy);
    this.curveTo(lx-b, ly-a, cx+f, cy+f);
    this.curveTo(lx-a, ly-b, lx-r, ly);
    cx = ux+r;
    this.lineTo(cx, ly);
    this.curveTo(ux+a, ly-b, cx-f, cy+f);
    this.curveTo(ux-b, ly-a, ux, ly-r);
    cy = uy+r;
    this.lineTo(ux, cy);
    this.curveTo(ux+b, uy+a, cx-f, cy-f);
    this.curveTo(ux+a, uy+b, ux+r, uy);
};
 
function update(){
    rahmen.clear(); 
    rahmen.blurredRect(10, 10, breite, hoehe, 10, 0x333333, 85);
    rahmen.drawRahmen(0xFFFFFF,100);
}
 
function init() {
    breite = 100;
    hoehe = 75;
    rahmen = this.createEmptyMovieClip("rahmen",1);
    update();
}
init(); 

einfach in erstes frame packen und gucken, das mit dem runden schatten stammt keinesfalls von mir, blick ich auch nicht im detail ist aber einfach gut, hab ich meiner sete auch verwendet...

viel spaß...

[nalin]

mit den runden schatten das kommt meines wissens automatisch mit lineto. wenn man eine normale linie zeichnet ist diese auch abgerundet.

@mooseMash
schöne sachen haste auf deiner seite!

[ChriZi]

danke vielmals für die antworten

@ mooseMash... genau sowas hab ich gesucht ...
danke!...

@ nalin du verwechselst glaub lineTo mit curveTo


schönen tag euch noch!