Javascript eigenes Objekt - Uncaught TypeError: object is not a function

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Javascript eigenes Objekt - Uncaught TypeError: object is not a function

    Guten Abend,
    ich bin momentan dabei den Klassiker Doodle Jump für HTML5 zu scripten, allerdings bin ich grad eben beim Testen des ersten Codes gescheitert. Als Fehlercode bekomm ich Uncaught TypeError: object is not a function.

    Hier mein Code:

    index.html

    Quellcode

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <title>Canvas</title>
    5. <script type="text/javascript" language="javascript" src="game.js"></script>
    7. <script language="javascript" type="text/javascript">
    9. window.onload = function(){
    11. var Test = new Game();
    13. };
    15. </script>
    17. <script language="javascript" type="text/javascript">
    19. </script>
    21. <style type="text/css">
    23. #game_canvas{
    25. background-image: url(images/paper.gif);
    26. background-repeat: repeat;
    27. border: 1px black solid;
    28. -moz-border-radius: 5px;
    29. border-radius: 5px;
    30. box-shadow: 0px 0px 6px black;
    31. }
    33. </style>
    34. </head>
    36. <body>
    38. <canvas id="game_canvas">
    40. </canvas>
    42. </body>
    43. </html>
    Alles anzeigen


    game.js

    Quellcode

    1. var Game = {
    3. canvas: null,
    4. context: null,
    5. width: null,
    6. height: null,
    7. fps: null,
    8. player: null,
    9. bg_image: null,
    11. init: function(cvs_id, cvs_width, cvs_height, fps){
    13. this.canvas = document.getElementById(cvs_id);
    14. this.context = canvas.getContext('2D');
    15. this.width = cvs_width;
    16. this.height = cvs_height;
    17. this.fps = fps;
    19. this.canvas.width = this.width;
    20. this.canvas.height = this.width;
    21. },
    23. start: function()
    24. {
    25. this.loop();
    26. },
    28. addPlayer: function(image_src, width, height){
    30. this.player = new player();
    31. this.player.width = width;
    32. this.player.height = height;
    34. this.player.image = new Image();
    35. this.player.image.src = image_src;
    37. this.player.setPosition((this.canvas.width/2)-(this.player.width/2), this.canvas.height-this.player.height);
    38. this.player.draw();
    39. },
    41. addBackground: function(image_src){
    43. this.bg_image = new Image();
    44. this.bg_image.src = image_src;
    45. },
    47. clearCanvas: function(){
    48. this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    49. },
    51. loop: function(){
    52. this.clearCanvas();
    53. this.player.draw();
    55. setTimeout('this.loop()', 1000/this.fps);
    56. }
    58. };
    60. var player = {
    62. width: null,
    63. height: null,
    64. image: null,
    65. pos_x: 0,
    66. pos_y: 0,
    67. falling: false,
    68. jumping: false,
    71. setPosition: function(x, y){
    72. this.pos_x;
    73. this.pos_y;
    74. },
    76. draw: function(){
    77. game.context.drawImage(this.image, 0, 0, this.width, this.height, this.pos_x, this.pos_y, this.width, this.height);
    78. }
    79. };
    81. var platform = {
    83. width: null,
    84. height: null,
    85. image: null
    86. };
    Alles anzeigen


    Vielen Dank schonmal :D