herrsander
New member
Hallo,
ich versuche für ein Pong - Spiel einen Schläger zu zeichnen.
Den Rest mit dem Ball habe ich in meinem Script weggelassen, denn mein Hauptproblem ist, das der Schläger nicht gezeichnet wird.
Die Konsole unter Firefox sagt mir TypeError: paddle.draw is not a function
???
ich versuche für ein Pong - Spiel einen Schläger zu zeichnen.
Den Rest mit dem Ball habe ich in meinem Script weggelassen, denn mein Hauptproblem ist, das der Schläger nicht gezeichnet wird.
Die Konsole unter Firefox sagt mir TypeError: paddle.draw is not a function
???
HTML:
<html>
<head>
<title>Tastatureingabe</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="canvas" width="512" height="256"></canvas>
<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var breite = canvas.width;
var hoehe = canvas.height;
var paddle = function (x, y, width, height)
{
this.x = breite / 2;
this.y = 251;
this.width = 8;
this.height = 24;
this.x_speed = 0;
this.y_speed = 0;
}
paddle.prototype.draw = function(ctx)
{
ctx.fillRect(this.x, this.y, this.width, this.height);
};
setInterval(function ()
{
ctx.clearRect(0, 0, breite, hoehe);
paddle.draw();
ctx.strokeRect(0, 0, breite, hoehe);
ctx.fillRect(this.breite/2, 0, 2, this.hoehe);
}, 30);
</script>
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
