javascript面向对象概念问题

我有一个简单的代码：

// You can use either PIXI.WebGLRenderer or PIXI.CanvasRenderer
  var renderer;
  var stage;
  var bunnyTexture;
  var bunny;
  var Game= {};
 Game.Init = function() { };
 Game.Init.prototype={
    init:function(){
         renderer= new PIXI.WebGLRenderer(800, 600);
         document.body.appendChild(renderer.view);
        stage= new PIXI.Stage;
        bunnyTexture= PIXI.Texture.fromImage("img/ninja.png");
        bunny= new PIXI.Sprite(bunnyTexture);
        bunny.position.x = 400;
         bunny.position.y = 300;
       stage.addChild(bunny);

 },
  animate:function(){
       bunny.rotation += 0.01;
       renderer.render(stage);
       requestAnimationFrame(this.animate);

  }
}
    requestAnimationFrame(Game.Init.animate);

我这样调用函数：

   window.onload = function () { Game.Init(); };

---

javascript错误：Window.requestAnimationFrame的

参数1不是对象。

因为

游戏。Init

是一个构造函数，您应该使用

新建

关键字正确初始化对象：

new Game.Init();

---

否则，上下文将是全局对象

窗口

和

此。动画

是

未定义的

。为了帮助您检测此类问题，我建议

使用strict

模式，该模式在最初的步骤中可能会失败并出现错误。

我仍然会遇到相同的错误。您能给我一个如何修复错误的示例吗