Q&A
htmlファイルも載せてください
###前提・実現したいこと
【JavaScript】200行で作るテトリスのレシピ【HTML5】
http://coderecipe.jp/recipe/iHjJBJx9Si/
を見てjsでテトリスを作っている初心者です。
いざ書いて動かしてみようとしたらエラーが出て、その原因がいまいち検討がつきません。
###発生している問題・エラーメッセージ
render.js:5 Uncaught ReferenceError: COLS is not defined
###該当のソースコード
/* 現在の盤面の状態を描画 */ var canvas = document.getElementsByTagName('canvas')[0]; //キャンバス var ctx = canvas.getContext('2d'); //コンテクスト var W = 300, H = 600; //キャンバスのサイズ var BLOCK_W = W / COLS, BLOCK_H = H / ROWS; //マスの幅を設定
エラーの意味自体は分かります。
COLSはtetris.jsというメインの処理が描いてあるファイルの一番最初に
var COLS = 10, ROWS = 20; //横 縦
と書いてあります。
読み直してますが、いまいち検討が付かないので
どなたか助言をいただければ幸いです。
回答1件
0
HTML弄りました？
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>HTML5 Tetris</title> 5 <link rel='stylesheet' href='style.css' /> 6 </head> 7 <body> 8 <audio id="clearsound" src="sound/pop.ogg" preload="auto"></audio> 9 <canvas width='300' height='600'></canvas> 10 <script src='js/tetris.js'></script> 11 <script src='js/controller.js'></script> 12 <script src='js/render.js'></script> 13 </body> 14</html> 15```Javascriptはこの順で読み込まれてますか？
投稿2016/06/11 11:28
総合スコア4437
読み込まれていると思います。
js-tetrisフォルダの中にhtml cssファイルを書き、js, soundフォルダを作成、jsフォルダの中にjsの三つのファイルを作成しました。
実際にhtmlを開いてgoogle analytics consoleでエラーを確認した際、エラーが(他にも結構出ていたのですが)上からtetoris.js controller.js render.js の順に表示されていたので、多分順番もこの書いた順に表示されていると判断しました...
あ、その他の部分の一部を直したら、別の問題が起きたのですが一応画面にブロックが表示されるまではいったので、ひょっとしたらこのエラーは他の部分のエラーが起因するものだったのかもしれません...
あなたの回答
tips
プレビュー
