Wand dynamisch zeichnen


Wenn Sie eine Wand dynamisch zeichnen möchten, finden Sie hier zwei interessante Methoden dazu.
Die Wand könnte z.B. auch gut als Maske benutzt werden.
Mit den vielen Kommentaren ist der Code eigentlich selbsterklärend:

/* Methode: drawRect
* Beschr.: Zeichnet ein Rechteck
* @param x. Linke obere X-Kante des Rechtecks
* @param y. Linke obere Y-Kante des Rechtecks
* @param breite. Breite des Rechtecks
* @param hoehe. Höhe des Rechtecks
* @param farbe. Farbe des Rechtecks (zB. 0xFF0000 für rot)
*/
MovieClip.prototype.drawRect = function(x, y, breite, hoehe, farbe)
{
     with(this)
     {
          beginFill(farbe, 100);
          lineStyle(1, 0x000000, 100);
          moveTo(x, y); // obere linke Ecke
          lineTo(x + breite, y); // obere rechte Ecke
          lineTo(x + breite, y + hoehe); // untere rechte Ecke
          lineTo(x, y + hoehe); // untere linke Ecke
          lineTo(x, y); // obere linke Ecke
          endFill();
     }
};

/* Methode: drawWall
* Beschr.: Zeichnet eine Mauer
* Bemerkung: Ruft die Methode drawRect auf
* @param x, y, b, h, f; Analog zur Methode drawRect
* @param anzHor; Anzahl der horizontalen Steine
* @param anzVer; Anzahl der vertikalen Steine
* @param abstand; Abstand zwischen den Steinen
*/
MovieClip.prototype.drawWall = function(x, y, b, h, f, anzHor, anzVer, abstand)
{
     for(var i = 0; i < anzVer; i++)
     {
          /* Einrückung einstellen. Bei geraden i keine Einrückung, da i * 0. */
           var space = (i % 2) * b/2 + x;
          for(var j = 0; j < anzHor; j++)
          {
               this.drawRect(space, y, b, h, f);
               space = space + b + abstand;
          }
          y = y + h + abstand;
     }
};

Autor: P. Nazari

Weitere Funktionen
Zur Artikel-Übersicht
Diesen Artikel ausdrucken
Beispiel downloaden
Online-Beispiel ansehen
Haben Sie noch Fragen? Fragen Sie auf computer-portal.net.
Bewertung
Dieser Tipp wurde für sehr schlecht mit 1 von 10 Punkten [ 3 Stimme(n) ] befunden.

Bewertung in Punkten [10 = genial, 1 = sehr schlecht]:      
Kommentare
Bisherige Kommentare ansehen:
 
gluecksdjkathi


Einen eigenen Kommentar verfassen:
Sie müssen sich erst registrieren um einen Kommentar verfassen zu können.

Bestellen
Abbestellen
    
    
    Weitere Informationen
  Welchen Browser nutzen Sie?
Internet Explorer
Mozilla
Mozilla Firefox
Netscape
Opera
Safari
Sonstige
    Ergebnis ansehen