Die Schläger erstellen

Mit einer Konstruktorfunktion erzeugst du für die Schläger zwei Objektinstanzen: eine für den Schläger des Spielers und eine für den Schläger der KI. Die Schläger sind weiße Rechtecke auf der linken und der rechten Seite des Spielfelds.

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
      <title>Tischtennis</title>
   </head>
   <body>
       <canvas id="canvas" width="640" height="480"></canvas>
       <script>
           var canvas = document.getElementById("canvas");
           var ctx = canvas.getContext("2d"); 
           function Schläger (x, y, breite, höhe) {
              this.x = x;
              this.y = y;
              this.breite = breite;
              this.höhe = höhe;
           }
           var spieler = new Schläger(5, 200, 25, 100);
           var ki = new Schläger(610, 200, 25, 100);


           function tick() {
                zeichne();
                window.setTimeout("tick()", 1000/60);
           }
           function zeichne() {
              ctx.fillStyle = "black";
              ctx.fillRect(0, 0, 640, 480);
              zeichneSchläger(spieler);
              zeichneSchläger(ki);
           }
           function zeichneSchläger(schläger) {
              ctx.fillStyle = "white";
              ctx.fillRect(schläger.x, schläger.y, schläger.breite, schläger.höhe);
           }
           tick();
        </script>
   </body>
</html>

Beispiel ansehen

Zurück zur Mission