你妹都看得懂的手机网游制作教程（第21篇）游戏黑屏了，别急我们来调试代码

诶！

为什么我跟着教程做，出来的确实一团黑乎乎的画面。

恭喜你！

百分之九十九的可能是 你的某行代码可能在你不经意之时时候书写错误了。

所以 你有一个非常好的机会来了解。

你到底犯下了什么错误。

然后以后不保证不会再出现相同的错误。这样不是非常好吗？

你千万不要认为这样非常难。事实上我们的浏览器早已经非常清楚的你做错了什么事儿，错在哪一个文件里的第几行。

这篇教程我番外篇。我将要来教大家怎么找到代码的错误。

首先你要保证你的浏览器是google的chrome浏览器。他是最适合做开发的浏览器，自带了非常多工具。方便调试合測试代码

如今我们来依照例如以下步骤打开我们的调试界面

然后你就会看到例如以下画面。

选择最后一项Console

大家能够看到图中4处是你要值得关心的。我如今来解释一下他们各自是什么？ 

1,信息输出窗体。你在这个里面能够看到各种代码中的错误信息。和你在游戏中特意打印出来的信息。

2,你游戏中有几处代码错误。

然后看以下两点，真是太棒了。计算机直接告诉你犯了什么错误，而且这个错误详细精确到了哪一个文件的第几行代码。

是不是有一种考试的时候从闭卷考突然变为开卷考的感觉

3.详细这个错误是什么错（错误信息）

4,错误在哪一个文件中面的第几行

好了假设你英语够好能够看得出来是什么地方错误。假设英语是那么好。一定要勤奋的差字典。

我们就先拿我们当前教程里面遇到的这个错误，来做一个范例解说吧。帮你看懂错误

首先我们看到左边的红色字，翻译成中文是

“找不到这个类型：不等读取未定义的‘create’“

哇！

一整段的计算机术语。翻译成中文中国人也未必懂。只是没关系。你仅仅要记住这句话。

以后碰到这段文字，仅仅要记住都是同一类错误就好了。

也就是你会改当前的错误，以后碰到其他同类的错误也会改。

我们先无视它。直接来看看我们详细错在哪里了。

右边有一排小字

app.js:13

这句话你能读的懂就好了。他告诉我们在app.js这个文件中面的第13行有错误。

我们双击这排文字就会到了我们要找的错误地点

这里就非常明显看到了。左边代码在第几行的行数，然后我们看详细代码。明显是sprite这个单词拼写的时候大写和小写出错了。

应该是首字母大写Sprite

可是我们的错误信息是“create”出错这个是为什么呢，原因非常easy。就是由于sprite拼写错误。导致系统发现这个错误的sprite，没有create这个调用方法。

所以提示create没有被定义你就调用了。