Skalierbare Ordner

[thebiz]

Hi.

Weiß jemand, wie man solche skalierbaren Ordner erstellen kann.
Sie sollen per 8 Anfasser von allen Seiten veränderbar sein,
wie im Link zu sehen.

Dazu müssen die Ordner in diesem Diagramm angewählt werden.
http://www.gskinner.com/gmodeler/app/run.html

Danke
John

[thebiz]

Also ich nehme mal an, dass die drawing-API
da zum Einsatz kommt.
Vielleicht kann jemand meine Annahme
bekräftigen. Mehr will ich nicht.

Gruß
John

[ChriZi]

hmm,... vieleicht wird auch einfach der standord immer geupdated wenn man es nach oben skalliert!!!...
ja ok würde dann wermutlich nicht so flüssig laufen...

[thebiz]

Hat sich erledigt

Ich habe jetzt mal etwas in Grundzügen erstellt,
falls jemand daran Gefallen findet.

Einfach das Skript in einen leeren Film kopieren.
Mehr muss nicht gemacht werden.
Es geht nur der rechte-obere Anfasser (rot hervorgehoben).

//--- Die Eckpunkte erstellen ---
  _root.createEmptyMovieClip("ru_mc", 100);
  _root.createEmptyMovieClip("lo_mc", 101);
  _root.createEmptyMovieClip("lu_mc", 102);
  _root.createEmptyMovieClip("ro_mc", 103);
  function punkt(wer, x, y) {
      with (wer) {
          _x = x;
          _y = y;
          // nur um den Anfasser rechts-oben rot zu färben
          if (wer == _root.ro_mc) {
              beginFill(0xFF3333);
          } else {
              beginFill(0x333333);
          }
          moveTo(-5, -5);
          lineTo(-5, 5);
          lineTo(5, 5);
          lineTo(5, -5);
          lineTo(-5, -5);
      }
  }
  punkt(_root.lo_mc, 100, 150);
  punkt(_root.lu_mc, 100, 200);
  punkt(_root.ro_mc, 290, 150);
  punkt(_root.ru_mc, 290, 200);
  //--- Die Funktion um die Fläche zu zeichnen ---
  function zeichnen() {
      _root.createEmptyMovieClip("box_mc", 1);
      with (_root.box_mc) {
          beginFill(0x55DD66);
          moveTo(_root.lo_mc._x, _root.lo_mc._y);
          lineTo(_root.ro_mc._x, _root.ro_mc._y);
          lineTo(_root.ru_mc._x, _root.ru_mc._y);
          lineTo(_root.lu_mc._x, _root.lu_mc._y);
          lineTo(_root.lo_mc._x, _root.lo_mc._y);
      }
  }
  //--- Der rote Eckpunkt bekommt die Funktionalität ---
  _root.ro_mc.onPress = function() {
      startDrag(this);
      this.onMouseMove = function() {
          _root.ru_mc._x = this._x;
          _root.lo_mc._y = this._y;
          zeichnen();
          updateAfterEvent();
      };
  };
  _root.ro_mc.onRelease = _root.ro_mc.onReleaseOutside = function () {
      stopDrag();
  };
  //--- Beim Start schon mal eine Fläche erstellen ---
  zeichnen(); 

[nullidee]

schaut gut aus, ich hoffe du machst das fertig!

Ich habe nämlich auch mal sowas angefangen, ist aber wieder in der Schublade verschwunden.

[thebiz]

Kann man bestimmt noch optimieren.
Hauptsache es geht erstmal.

//--- Die Eckpunkte erstellen ---
 function punkt(wer, x, y, tiefe) {
     _root.createEmptyMovieClip(wer, tiefe);
     with (_root[wer]) {
         _x = x;
         _y = y;
         beginFill(0x333333);
         moveTo(-5, -5);
         lineTo(-5, 5);
         lineTo(5, 5);
         lineTo(5, -5);
         lineTo(-5, -5);
     }
 }
 punkt("lo_mc", 100, 150, 100);
 punkt("lu_mc", 100, 200, 101);
 punkt("ro_mc", 290, 150, 102);
 punkt("ru_mc", 290, 200, 103);
 //--- Die Funktion um die Fläche zu zeichnen ---
 function zeichnen() {
     _root.createEmptyMovieClip("box_mc", 1);
     with (_root.box_mc) {
         beginFill(0xDDDDDD, 30);
         lineStyle(1, 0x000000);
         moveTo(_root.lo_mc._x, _root.lo_mc._y);
         lineTo(_root.ro_mc._x, _root.ro_mc._y);
         lineTo(_root.ru_mc._x, _root.ru_mc._y);
         lineTo(_root.lu_mc._x, _root.lu_mc._y);
         lineTo(_root.lo_mc._x, _root.lo_mc._y);
     }
 }
 //--- Die Eckpunkte erhalten ihre Funktionalität ---
 _root.ro_mc.onPress = function() {
     startDrag(this);
     _root.onMouseMove = function() {
         _root.ru_mc._x = _root.ro_mc._x;
         _root.lo_mc._y = _root.ro_mc._y;
         zeichnen();
         updateAfterEvent();
     };
 };
 _root.ro_mc.onRelease = _root.ro_mc.onReleaseOutside = function () {
     stopDrag();
 };
 //....................................................
 _root.ru_mc.onPress = function() {
     startDrag(this);
     _root.onMouseMove = function() {
         _root.ro_mc._x = _root.ru_mc._x;
         _root.lu_mc._y = _root.ru_mc._y;
         zeichnen();
         updateAfterEvent();
     };
 };
 _root.ru_mc.onRelease = _root.ru_mc.onReleaseOutside = function () {
     stopDrag();
 };
 //....................................................
 _root.lu_mc.onPress = function() {
     startDrag(this);
     _root.onMouseMove = function() {
         _root.lo_mc._x = _root.lu_mc._x;
         _root.ru_mc._y = _root.lu_mc._y;
         zeichnen();
         updateAfterEvent();
     };
 };
 _root.lu_mc.onRelease = _root.lu_mc.onReleaseOutside = function () {
     stopDrag();
 };
 //....................................................
 _root.lo_mc.onPress = function() {
     startDrag(this);
     _root.onMouseMove = function() {
         _root.lu_mc._x = _root.lo_mc._x;
         _root.ro_mc._y = _root.lo_mc._y;
         zeichnen();
         updateAfterEvent();
     };
 };
 _root.lo_mc.onRelease = _root.lo_mc.onReleaseOutside = function () {
     stopDrag();
 };
 //--- Beim Start schon mal eine Fläche erstellen ---
 zeichnen();