Diesen Tipp in Originalversion zeigen.

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 ()


Copyright (c) 2002-2005 by Andreas Schroth

URL: www.computer-tipps.net/webdesign151.html