诶!
为什么我跟着教程做,出来的确实一团黑乎乎的画面。
恭喜你!
百分之九十九的可能是 你的某行代码可能在你不经意之时时候书写错误了。
所以 你有一个非常好的机会来了解。
你到底犯下了什么错误。
然后以后不保证不会再出现相同的错误。这样不是非常好吗?
你千万不要认为这样非常难。事实上我们的浏览器早已经非常清楚的你做错了什么事儿,错在哪一个文件里的第几行。
这篇教程我番外篇。我将要来教大家怎么找到代码的错误。
首先你要保证你的浏览器是google的chrome浏览器。他是最适合做开发的浏览器,自带了非常多工具。方便调试合測试代码
如今我们来依照例如以下步骤打开我们的调试界面
然后你就会看到例如以下画面。
选择最后一项Console
大家能够看到图中4处是你要值得关心的。我如今来解释一下他们各自是什么?
1,信息输出窗体。你在这个里面能够看到各种代码中的错误信息。和你在游戏中特意打印出来的信息。
2,你游戏中有几处代码错误。
然后看以下两点,真是太棒了。计算机直接告诉你犯了什么错误,而且这个错误详细精确到了哪一个文件的第几行代码。
是不是有一种考试的时候从闭卷考突然变为开卷考的感觉
3.详细这个错误是什么错(错误信息)
4,错误在哪一个文件中面的第几行
好了假设你英语够好能够看得出来是什么地方错误。假设英语是那么好。一定要勤奋的差字典。
我们就先拿我们当前教程里面遇到的这个错误,来做一个范例解说吧。帮你看懂错误
首先我们看到左边的红色字,翻译成中文是
“找不到这个类型:不等读取未定义的‘create’“
哇!
一整段的计算机术语。翻译成中文中国人也未必懂。只是没关系。你仅仅要记住这句话。
以后碰到这段文字,仅仅要记住都是同一类错误就好了。
也就是你会改当前的错误,以后碰到其他同类的错误也会改。
我们先无视它。直接来看看我们详细错在哪里了。
右边有一排小字
app.js:13
这句话你能读的懂就好了。他告诉我们在app.js这个文件中面的第13行有错误。
我们双击这排文字就会到了我们要找的错误地点
这里就非常明显看到了。左边代码在第几行的行数,然后我们看详细代码。明显是sprite这个单词拼写的时候大写和小写出错了。
应该是首字母大写Sprite
可是我们的错误信息是“create”出错这个是为什么呢,原因非常easy。就是由于sprite拼写错误。导致系统发现这个错误的sprite,没有create这个调用方法。
所以提示create没有被定义你就调用了。