私はキャンバスを使用するダーツで基本的なアプリケーションを書いています。基本的に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)
何か案が?