0

我正在按照本教程学习使用 javascript 和 jQuery 进行 HTML5 游戏开发。但是，我已经遇到了一个问题。当我运行引用我的 js 文件的 HTML 页面时，没有加载任何内容，并且只是一个空白屏幕。这是两个文件的代码。请注意，我在本教程中还没有走得太远。

索引.html

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

测试.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 工作更容易而编写的库。
它需要存在于where does之上。test.js

您可以下载自己的副本，也可以链接到网络上其他地方的副本 - 两者都可以正常工作。

$jQuery 使用它作为一个函数来智能地抓取不同类型的项目：HTML、JS 等，并返回带有有用函数的 JS 对象，以便处理您所要求的任何内容。

无论如何，update仍然会导致错误，它只是排在第二位，落后于丢失的脚本。

于 2013-03-31T04:35:54.237 回答