interaktive matrix

[sabrina]

hallo allerseits,

ihr könnt das vermutlich garnicht mehr hören, aber ich bin noch ein as newbie. *schäm*

möchte dennoch lernen/wissen wie ich folgendes lösen kann:

1. möchte anhand eines movieclip aus der library per attach und duplicate ein muster mit 9 spalten und 6 reihen erstellen.
2. wenn man mit der maus über diese matrix fährt sollen sich alle MCs im umkreis von 50px abnehmend vergrößern. hmmm... schwer zu erklären hab leider kein beispiel zur hand. also... als würde man an einem knoten eines netzes ziehen und alle umliegenden konten kommen auch näher, aber eben abnehmend.

was einer was ich mein?

liebe grüße

sabrina

[thebiz]

Hi.

Das kannst Du hier finden.
download

Das aus der Bibliothek attachen, kannst Du
so machen:

posX = 25;
posY = 25;
//-------------------------------------------
for (i = 1; i < 26; i++) {
 _root.attachMovie("box", "box" + i, i);
 _root["box" + i]._x = posX;
 _root["box" + i]._y = posY;
 if (i % 5 != 0) {
  posX += 50;
 } else {
  posX = 25;
  posY += 50;
 }
}
//------------------------------------------- 
 

[sabrina]

hey, das ist genau was ich gesucht habe. werd`s gleich mal ausprobieren.
bist ein schatz. Danke.

[sabrina]

wie kann ich nun aber den movieclip "box" in diese matrix integrieren? hier wird ja ein rechteck gezeichnet. wie ersetz ich das durch meinen movieclip aus der library?

PHP-Code:

MovieClip.prototype.setMatrix = function (pClip, pReihen, pSpalte, pDim, pDist, pFarbe, pAlpha, 
pAbstand, pMax, pMin, pMult, pFraktion) {
    var tiefe;
    for (var i = 0; i<pReihen; i++) {
        for (var j = 0; j<pSpalte; j++) {
            this[pClip] = this.createEmptyMovieClip(pClip+j+"_"+i, tiefe++);
            with (this[pClip]) {
                beginFill(pFarbe, pAlpha);
                moveTo(-pDim, -pDim);
                lineTo(pDim, -pDim);
                lineTo(pDim, pDim);
                lineTo(-pDim, pDim);
                lineTo(-pDim, -pDim);
                _x = Math.round(i*((2*pDim)+pDist)+Stage.width/2-((pReihen-1)*((2*pDim)+pDist)/2));
                _y = Math.round(j*((2*pDim)+pDist)+Stage.height/2-((pSpalte-1)*((2*pDim)+pDist)/2));
            }
            this[pClip].onEnterFrame = function() {
                this.abstX = this._x-_root._xmouse;
                this.abstY = this._y-_root._ymouse;
                this.abstand = Math.sqrt((this.abstX*this.abstX)+(this.abstY*this.abstY));
                if (this.abstand<pAbstand) {
                    this.dimX = pMax-this.abstand;
                    this.dimY = pMax-this.abstand;
                } else {
                    this.dimX = pMin;
                    this.dimY = pMin;
                }
                this.skalX = ((this.dimX-this._xscale)*pMult)+(this.skalX*pFraktion);
                this.skalY = ((this.dimY-this._yscale)*pMult)+(this.skalY*pFraktion);
                this._xscale += this.skalX;
                this._yscale += this.skalY;
            };
        }
    }
}

// Ebene 1
this.setMatrix("feld", 10, 10, 10, 4, 0x0000ff, 25, 150, 250, 100 ,.36, .75); 


[thebiz]

Hi.

Das ich ein Schatz bin, höre ich total gerne!
Vielen Dank.

Habe gerade gemerkt, dass der Code nur für Flash 6
und nicht für Flash 7 funktioniert. Falls Du also Flash MX 2004
benutzt, schaue Dir die Einstellungen für die Veröffentlichung an,
falls es nicht geht.

Das attachen kannst Du so einbauen:

MovieClip.prototype.setMatrix = function(pClip, pReihen, pSpalte, pDim, pDist, pFarbe, pAlpha, pAbstand, pMax, pMin, pMult, pFraktion) {
 var tiefe;
 var posX = 25;
 var posY = 25;
 for (j = 1; j < 26; j++) {
  _root.attachMovie("box", "box" + j, j);
  _root["box" + j]._x = posX;
  _root["box" + j]._y = posY;
  if (j % 5 != 0) {
   posX += 50;
  } else {
   posX = 25;
   posY += 50;
  }
  _root["box" + j].onEnterFrame = function() {
   this.abstX = this._x - _root._xmouse;
   this.abstY = this._y - _root._ymouse;
   this.abstand = Math.sqrt((this.abstX * this.abstX) + (this.abstY * this.abstY));
   if (this.abstand < pAbstand) {
    this.dimX = pMax - this.abstand;
    this.dimY = pMax - this.abstand;
   } else {
    this.dimX = pMin;
    this.dimY = pMin;
   }
   this.skalX = ((this.dimX - this._xscale) * pMult) + (this.skalX * pFraktion);
   this.skalY = ((this.dimY - this._yscale) * pMult) + (this.skalY * pFraktion);
   this._xscale += this.skalX;
   this._yscale += this.skalY;
  };
 }
};
// Ebene 1 
_root.setMatrix("feld", 10, 10, 10, 4, 0x0000ff, 25, 150, 250, 100, .36, .75); 

[thebiz]

Stop. Du brauchst garnicht alles,
was da so drinnen stand.
So ist es besser:

MovieClip.prototype.setMatrix = function(pDim, pDist, pFarbe, pAlpha, pAbstand, pMax, pMin, pMult, pFraktion) {
 var posX = 25;
 var posY = 25;
 for (j = 1; j < 26; j++) {
  _root.attachMovie("box", "box" + j, j);
  _root["box" + j]._x = posX;
  _root["box" + j]._y = posY;
  if (j % 5 != 0) {
   posX += 50;
  } else {
   posX = 25;
   posY += 50;
  }
  _root["box" + j].onEnterFrame = function() {
   this.abstX = this._x - _root._xmouse;
   this.abstY = this._y - _root._ymouse;
   this.abstand = Math.sqrt((this.abstX * this.abstX) + (this.abstY * this.abstY));
   if (this.abstand < pAbstand) {
    this.dimX = pMax - this.abstand;
    this.dimY = pMax - this.abstand;
   } else {
    this.dimX = pMin;
    this.dimY = pMin;
   }
   this.skalX = ((this.dimX - this._xscale) * pMult) + (this.skalX * pFraktion);
   this.skalY = ((this.dimY - this._yscale) * pMult) + (this.skalY * pFraktion);
   this._xscale += this.skalX;
   this._yscale += this.skalY;
  };
 }
};
_root.setMatrix(10, 4, 0x0000ff, 25, 150, 250, 100, .36, .75); 

[sabrina]

vielen lieben Dank. das hat super geklappt.
Du bist echt ein Schatz!

als nächstes möchte ich nebel bzw. dunst erzeugen. mit transparent animierten verläufen ... ??? mal probieren.

[thebiz]

Ach wie lange habe ich das nicht mehr
von einer Frau gehört, dass ich ein Schatz bin.

Ich will den Tag jedoch nicht vor dem Abend
loben.

Das mit dem Nebel, habe ich auch noch nicht gemacht.

Bist ja auch ein Pixelschubser (Mediengestalter/in).