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

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




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


所以 你有一个很好的机会来了解。你究竟犯下了什么错误。然后以后不保证不会再出现同样的错误,这样不是很好吗?


你千万不要觉得这样很难,其实我们的浏览器早已经很清楚的你做错了什么事儿,错在哪一个文件中的第几行。


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


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


现在我们来按照如下步骤打开我们的调试界面




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


选择最后一项Console


大家可以看到图中4处是你要值得关心的。我现在来解释一下他们分别是什么? 




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

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


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

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


3.具体这个错误是什么错(错误信息)

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


好了如果你英语够好可以看得出来是什么地方错误。如果英语是那么好,一定要勤奋的差字典。


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


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

“找不到这个类型:不等读取没有定义的‘create’“

哇!一整段的计算机术语,翻译成中文中国人也未必懂。不过没关系。你只要记住这句话。以后碰到这段文字,只要记住都是同一类错误就好了。也就是你会改当前的错误,以后碰到其它同类的错误也会改。


我们先无视它,直接来看看我们具体错在哪里了。

右边有一排小字

app.js:13


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


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





这里就很明显看到了,左边代码在第几行的行数,然后我们看具体代码。明显是sprite这个单词拼写的时候大小写出错了。

应该是首字母大写Sprite


但是我们的错误信息是“create”出错这个是为什么呢,原因很简单。就是因为sprite拼写错误。导致系统发现这个错误的sprite,没有create这个调用方法。所以提示create没有被定义你就调用了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值