Easel.js>このコードで何が問題になっていますか？

このコードで何が問題になっていますか？：S ..私のキャンバスは空のままです。画像のURLが正しく、画像が読み込まれます。Easel.js>このコードで何が問題になっていますか？

これは私のengine.jsファイルです：

var canvas; 
var stage; 

function init() 
{ 
    canvas = document.getElementById("canvas"); 
    stage = new Stage(canvas); 

    playerImg  = new Image(); 
    playerImg.src = 'img/player/walkingbl.png'; 
    playerImg.onload = onPlayerLoaded; 

    Ticker.setFPS(30); 
    Ticker.addListener(window); 
} 

function tick() 
{ 
    stage.update(); 
} 

function onPlayerLoaded() 
{ 
    console.log(playerImg); 
    player  = new Bitmap(playerImg); 
    player.x = 300; 
    player.y = 450; 

    stage.addChild(player); 

    console.log('Player added to stage'); 
} 

$(document).ready(function(){ 

init(); 

});

そして、これが私のindex.htmlファイルです：

<!DOCTYPE html> 
<html> 
<head> 
      <title>Game Engine</title> 
      <link rel="stylesheet" href="css/main.css" /> 
</head> 
<body> 
     <div id='container'> 
      <canvas id='#canvas' width='1000' height='350'></canvas> 
     </div> 

      <script src="js/jquery.js"></script> 
      <script src="js/easel.js"></script> 
     <script src='js/engine.js'></script> 
</body>

私は全体easel.jsに新たなんだとFlashやactionscriptで何もしなかった。私は心からPHPの開発者です、これは私にとってかなり大きな変化です。ドキュメンテーション/チュートリアル/サンプルがないため、easel.jsの使い方を学ぶのが非常に難しくなります。あなたが私にチェックアウトするためのポインタやリソースがあれば。シェアしてください！

出典

2012-03-29 Nick Verheijen

をブラウザのコンソールですべてのエラー？ –

なし。画像を記録し、 'ステージに追加されたプレイヤー'は完全に.. –

この行は間違っている：

<canvas id='#canvas' width='1000' height='350'></canvas>

ID doesntのは、＃を必要としています。

<canvas id='canvas' width='1000' height='350'></canvas>

が、それは、タグと混同される可能性があるので、私は、識別子として単語「キャンバス」を使用しwouldntは：右の行があります。より良い使用：

<canvas id='mycanvas' width='1000' height='350'></canvas>

とJSコード変更：

canvas = document.getElementById("mycanvas");

出典

2012-03-29 15:48:11

あなたの名前は本当です。ありがとう、たくさんの仲間。このxDをどう見落としたかは信じられません。 –

Easel.js>このコードで何が問題になっていますか？

答えて

関連する問題