Cocos Creator 调试入门
感谢原作者的辛勤劳作:https://blog.csdn.net/potato47/article/details/79364727
打开 Chrome 开发者工具
Windows:F12
或 Ctrl+Shift+I
Mac:Cmd+Opt+I
有些网页可能屏蔽了快捷键,那么右上角手动点
开发者工具常用选项
Elements:
用来查看界面元素,前端开发经常用到,但对于调试游戏来说,基本不会用到
Console:
控制台输出,当然也可以输入
Ctrl+L
清空控制台
Sources:
网页(游戏)的资源文件
Ctrl+P
可以搜索文件
这里要确保打开了Source Map,这样才能看到原始的代码
Network:
数据的请求信息
联网的游戏经常用到,比如查看一些 http 请求
Performance:
运行的实时表现
按两下Ctrl+E
来得到一段时间内游戏运行实时表现,可以分析各个模块耗时多少,针对性地提高游戏性能
断点调试
Ctrl+P
搜索并打开 Game.ts,在gameOver
函数下面一行的行号上单击设置一个断点,当游戏运行到这里时就会停下来
此时你就拥有了上帝之手,想干嘛干嘛
- 把鼠标悬停到对应变量就会显示相应的值
- 查看函数运行堆栈
利用控制台查看变量
单步调试
这几个按钮依次代表
- 运行到下一个断点
- 运行到下一行
- 进入运行的函数体内
- 跳出运行的函数体
- 忽略断点,也就是遇到断点不停止程序
- 程序运行出错时自动断点
至于“道理我都懂,但是我要在哪里下断点”这种问题,就要靠天赋了。
加点料
- 程序运行到
debugger
就会自动停止运行
console.trace()
会输出函数调用堆栈
console.table()
会把一个对象按表格形式输出
console.time()
和console.timeEnd()
得到一段代码的执行时间
- 全局变量随时查看
- 控制台查看Api
- 输入函数名(不带括号)双击进入源码 感谢原作者的辛勤劳作:https://blog.csdn.net/potato47/article/details/79364727
Cocos Creator 调试入门相关推荐
- Cocos Creator 开发入门
Cocos Creator 开发入门 H5小游戏,基本都是用的Cocos Creator和LayaBox,egret 这三款引擎IDE. Cocos Creator官网:https://www.coc ...
- Cocos Creator学习目录
目录 安装和启动 文件结构 编辑器基础 基本概念 (场景树 节点 坐标 组件 ) Cocos Creator 脚本简介 Cocos Creator调试 节点 cc.Node 组件开发cc.Compon ...
- Cocos Creator入门实战:桌球小游戏
Cocos Creator入门实战:桌球小游戏 转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/90035153 本篇主要是希望能够通过C ...
- Cocos Creator游戏引擎可以支持鼠标吗_Cocos Creator入门实战:桌球小游戏
本文作者:BigBear 多年游戏行业研发经验 精通Unreal.CocosCreator游戏引擎 参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏 本篇主要是希望能够通 ...
- Cocos Creator入门实战:桌球小游戏
本文作者:BigBear 多年游戏行业研发经验 精通Unreal.CocosCreator游戏引擎 参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏 本篇主要是希望能够通 ...
- Cocos Creator 开发QQ玩一玩入门到放弃?
Cocos Creator 开发QQ玩一玩入门到放弃? 文章目录 Cocos Creator 开发QQ玩一玩入门到放弃? 1.环境搭建 1.1 开发工具准备 1.1.2 官方站点 1.1.3 编辑器使 ...
- cocos creator 获取当前时间_前端开发者入门 Creator 必读吧
写在前面 因为公司的业务需求,近期学习了Cocos Creator这款游戏引擎的开发,也基于此上线了一款游戏,因此写这系列文章记录一下我从入门到项目发布的学习过程. 相对于 web 开发,像Cocos ...
- cocos creator android 真机调试配置密匙
android 真机调试与打包 真机调式 cocos creator 环境配置完成后 选择 编辑器 => 项目 => 构建发布 => android => 构建 构建完成后打开 ...
- 【vscode】调试cocos creator (Js 无法命中断点问题解决)
先看看 官方教程–使用 VS Code 调试网页版游戏 一.安装插件 Debugger for Chrome已弃用 安装 JavaScript Debugger (Nightly) 插件替代,其他步骤 ...
最新文章
- android蓝牙扫描中断,一段时间后,Android蓝牙Le扫描仪停止运行
- vue 获取元素在浏览器的位置_JavaScript获取窗口位置和元素坐标(兼容版)
- java警惕自增的陷阱
- “1天一朵云”,这是如何做到的?
- Win7-VirsualBox下学习Ubuntu--初识ubuntu
- 消息中间件学习总结(22)——MQ 面试专题
- 如何用Mac 自带的 Automator 进行图片格式转换?
- 东南大学计算机考研数学教材,考东南大学计算机的看这里,双非学长逆袭!
- Redis设计与实现(导航)
- conda cudnn版本升级_Ubuntu16.04深度学习环境+个人桌面配置(CUDA10.1 + cudnn8.0.4 + pytorch1.7)...
- Java利用itext实现导出PDF文件
- 十六、react UI组件库
- 爬虫爬取视频指定秒的画面
- 分享一个基于labview的2048小游戏(附详细教程+代码)
- Linux打印服务-CUPS的安装、配置和使用
- 关于meta标签中的http-equiv属性使用介绍
- 英语教师计算机研修总结,英语教师个人研修总结范文
- unity 转盘记录
- 0321 复利计算—贷款
- Java面向对象知识点小结
热门文章
- python barrier_Python中的Barrier对象
- 挖坑指南:如何在引用的外部js文件中获取vue页面实例?(独家)
- 踩坑-填坑之 : vue打包上线,页面无法显示
- 人工智能学习联盟免费课程——案例三:BMR计算器
- php字典遍历,OC中的遍历数组和字典
- mysql两个时间比较,Java架构师成长路线
- acme.sh申请Let‘s Encrypt 免费HTTPS证书
- 2022年全球市场输尿管入口导引鞘总体规模、主要生产商、主要地区、产品和应用细分研究报告
- @zxing/library插件在H5页面上调用摄像头进行扫码识别解决方法,以及对华为手机的兼容
- java多模块项目脚手架:Spring Boot + MyBatis 搭建教程