2016-07-18 20 views
0

私はPlayground.js websiteで最初の2つのチュートリアルを見ましたが、長方形は長方形をレンダリングしていません。ここでは、ディレクトリ構造は次のとおりです。Playground.jsレンダリングされていません

index.html 
scripts 
---main.js 
---playground.js

のindex.html:

<!DOCTYPE html> 
<html> 
    <head><title>Simple Game</title></head> 

    <body> 

     <script src="scripts/main.js"></script> 
     <script src="scripts/playground.js"></script> 
    </body> 
</html> 

main.js:

var app = playground({ 
    render: function() { 
     this.layer.clear("#000088"); 
     this.layer.fillStyle("#ffffff"); 
     this.layer.fillRect(32, 32, 64, 64); 
    } 
}); 

playground.jsは、Webサイトからダウンロードしたファイルです。

何がうまくいかず、どうすれば解決できますか?

+2

メインとプレイグラウンドのスクリプトタグを切り替えます。ご注文は – Ultimater

+0

となりました!私はそれをそのようにマークすることができるので、これを答えとして追加できますか? – CDuck

答えて

1

メインとプレイグラウンドのスクリプトタグを切り替えます。注文内容:

<script src="scripts/playground.js"></script> 
    <script src="scripts/main.js"></script> 
関連する問題