1

私はキャンバスを使用するダーツで基本的なアプリケーションを書いています。基本的に2つの正方形があり、そのうちの1つは画面の右から左に移動し、2つ目はユーザーが矢印キーを押すと移動します。

今問題は、Dartiumで試してみるとうまくいくということです。しかし、Chrome / Firefoxで開こうとすると、空の長方形しか表示されません。

Dartエディターは、JavaScriptコードとしてコンパイルしても、エラーを表示しません。

しかし、ChromeのInspect要素のコンソールを調べると、次のエラーメッセージが表示されます。

Uncaught TypeError: Object [object Window] has no method 'webkitRequestAnimationFrame$1' 

そのメソッドの呼び出しは次のとおりです。

  void main() { 
  var maincharacter = new Player(10,10, 70, 70, "red");
  var secondCharacter = new Player(400,250, 50,50, "yellow");
  player = maincharacter;

  sprites = new Set();
  randomnumbergenerator = new Random();
  window.on.keyDown.add(myKeyDownEvent);
  CanvasElement element = query("canvas");  
  context = element.context2d;
  maincharacter.context = context;
  secondCharacter.context = context;
  maincharacter.type = 'player';
  sprites.add(maincharacter);
  sprites.add(secondCharacter);  
  window.webkitRequestAnimationFrame(animate);   
}

そしてここ:

void animate(num time){
  enemyCreator(time);
  context.clearRect(0,0,400,400);  
  for(final sprite in sprites){
    if(!sprite.isPlayer()) {
      sprite.move(5, 0);
      // sprite.isOutside(0);
      if(!(sprite.posx<0)){ 
        query('#text').text = " Posx: ${sprite.posx.toString()} Length: ${sprites.length}";
        sprite.draw();
      } else {
        query('#text').text = "Destroyed";
        sprites.remove(sprite);
      }      
    } else {
      sprite.draw();
      query('#text').text = " Time: $counter Length: ${sprites.length}";
    }
  }
  window.webkitRequestAnimationFrame(animate);  
}

これは、例外をスローするjavascript行です。

 $.window().webkitRequestAnimationFrame$1($.animate)

何か案が?

4

2 に答える 2

4

メソッドはDartでは呼び出されrequestAnimationFrame()ません:http: //api.dartlang.org/docs/bleeding_edge/dart_html/LocalWindow.html#requestAnimationFramewebkitRequestAnimationFrame()

int requestAnimationFrame(RequestAnimationFrameCallbackコールバック)

ジョンが言ったように、試してみてください:

window.requestAnimationFrame(animate);

あなたはおそらくダートの方法を「ネイティブ」DOM方法と混同しているでしょう

Window.prototype.webkitRequestAnimationFrame

Dartでは、そのプレフィックスを指定しません。

于 2012-11-17T12:15:23.893 に答える
3

試す

window.requestAnimationFrame(animate);

代わりは。

于 2012-11-16T21:02:33.440 に答える