0

このチュートリアルに従って、 javascript と jQuery を使用した HTML5 ゲーム開発を学習しています。しかし、私はすでに問題に遭遇しました。私のjsファイルが参照されているHTMLページを実行すると、何も読み込まれず、空白の画面になります。両方のファイルのコードを次に示します。チュートリアルはあまり進んでいないことに注意してください。

index.html

<HTML>
<head>
</head>
<body>
<p>HTML5 and jQuery Tests</p>
<script type ="text/javascript" src="test.js"></script>
</body>
</HTML>

test.js

var CANVAS_WIDTH = 480;
var CANVAS_HEIGHT = 320;

var canvasElement = $("<canvas width='" + CANVAS_WIDTH +"' height='" + CANVAS_HEIGHT +        "'></canvas>");
var canvas = canvasElement.get(0).getContext("2d");
canvasElement.appendTo('body');
var FPS = 30;
setInterval(function() {
update();
draw();
}, 1000/FPS);
function draw() {
canvas.fillStyle = "#000"; 
canvas.fillText("hello.", 50, 50);
}

どんな助けでも大歓迎です！また、このフォーラムの同じスレッドでこのコードについて質問することはできますか? それとも、別のスレッドで質問する必要がありますか?

ありがとう！〜カーペットフィズ

4

1 に答える 1

2

update呼び出す関数がありません。起動するsetIntervalと (スクリプトが読み込まれてから約 32 ミリ秒)、エラーが発生します。

jQuery を追加する必要があります。
HTML の操作を簡単にするために作成されたライブラリです。どこよりも上
に存在する必要があります。test.js

自分のコピーをダウンロードするか、ネット上の他の場所にあるコピーにリンクすることができます - どちらも問題なく動作します。

$HTML、JSなどのさまざまな種類のアイテムをインテリジェントに取得し、要求されたものを操作するのに役立つ関数を備えたJSオブジェクトを返す関数としてjQueryによって使用されます。

とにかく、updateそれでもエラーが発生する可能性があります。不足しているスクリプトの後ろにある、ちょうど 2 番目の行でした。

于 2013-03-31T04:35:54.237 に答える