CocosCreator + Chrome 实用插件介绍

最新推荐文章于 2023-01-16 17:49:27 发布
VIP文章 最新推荐文章于 2023-01-16 17:49:27 发布
阅读量5.3k 收藏 11
点赞数 1
分类专栏： CocosCreator 文章标签： Cocos CocosCreator 调试 插件 Spector
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzx023/article/details/100014414
版权

Spector.js

在这里插入图片描述

下载地址(需要梯子)

Spector.js 是针对WebGL的一个调试工具，它可以帮助我们了解context当中到底发生了什么事情，每一帧的信息都会显示出来，包括每一个drawcall绘制的纹理到底是哪些，我们都可以很直观的了解到

例如我们新建一个Cocos Creator 2.1.2的HelloWorld工程

在Chrome当中预览，我们可以看到：
在这里插入图片描述

这时我们可以点击Chrome右上方Spector的小图标，开启Spector
在这里插入图片描述

开启后图标会变为绿色：

最低0.47元/天 解锁文章
BigBear023
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
游戏DrawCall分析利器-SpectorJS使用入门
楚游香的博客
10-31 6764
1、什么是DrawCall 一个DrawCall就是CPU向GPU发送一次绘制命令，例如，某个场景的DrawCall是80，代表该场景每个渲染帧内GPU需要绘制80次。每一次DrawCall都需要传输纹理、顶点数据以及渲染上下文切换，是非常消耗性能的操作，DarwCall过高会直接影响游戏的整体性能，带来卡顿、CPU占用率高、设备发烫等问题。所以游戏的DrawCall越低越好，应该尽可能多的将节...
游戏DrawCall分析工具-SpectorJS入门
Fushan98的博客
11-21 2136
CocosCreator 性能优化工具
jsonview+xpath Chrome插件.zip
12-26
chrome浏览器jsonview插件 + xpath插件。 安装教程：通过chrome开发者模式加载已解压扩展程序安装
Spector.js, 轻松地探索和解决你的web.zip
10-09
Spector.js, 轻松地探索和解决你的web SpectorJS摘要轻松浏览你的web ( 。所有引擎和脚本支持) 场景的 。 Spector是一个面向的工具，开发者希望知道在他们的环境中发生了什么。 它可以从框架中捕获所有可用信息。 你将能够查看你的整个收费清单与他们相关联的
Spector.js：轻松浏览WebGL场景并对其进行故障排除
01-28
概要 轻松浏览WebGL场景并对其进行故障排除（所有引擎和Vanilla脚本支持）。 Spector是针对希望了解其上下文的WebGl开发人员的工具。 它可以捕获帧中所有可用的信息。 您将能够查看整个命令列表及其相关的可视状态和上下文信息。 它既可以用作浏览器扩展程序，也可以直接在带有独立版本的页面中使用。 表中的内容 为什么 作为BabylonJS团队的核心成员，我经常发现需要调试webgl上下文所发生的事情。 在我们在巴比伦推出WebGl2之前，我一直是Webgl检查器的忠实拥护者。 由于整个WebGL社区是我们关注的重点，所以我认为最好与所有可用的Webgl / Webgl2引擎共享兼容的扩展。 您可以轻松地在自己的应用程序内部使用该库，因为该库已被转换为UMD模块。 它既可以用作脚本参考，也可以与您喜欢的捆绑工具（如webpack）一起使用。 浏览器扩展 如果您愿意使用浏览器扩展，则可以从商店直接安装它： 您可以在“找到有关的完整教程。 另外，您可以参考以了解如何使用它。 或者，您可以查看以下文档以从源代码加载它： 。 用作模块 为了将库安装在您的应用程序目录中，请在
CocosCreator Chrome插件
08-22
Chrome扩展工具：Spector.js，Cocos Creator Debugger，Cocos Creator Devtool，WebGL Insight
Spector.js-crx插件
03-09
轻松地探索和解决您的WebGL场景。 Spector是一种工具，旨在使WebGl开发人员愿意了解其上下文会发生什么。 它使您能够捕获帧中的所有可用信息。 您将有权查看整个命令列表及其相关的视觉状态和上下文信息。 您将能够轻松地浏览WebGL和WebGL2场景并对其进行故障排除。 这与任何支持WebGL的浏览器以及所有基于Web的3d引擎以及原始脚本兼容。 支持语言:English
用SpectorJS调试WebGL应用
新缸中之脑
01-16 1680
显示自定义信息是快速识别材质与其着色器之间或网格与其缓冲区之间关系的好方法。通过将名为 __SPECTOR_Metadata 的特殊字段添加到任何 WebGLObject，可以将自定义数据添加到捕获中。设置字段后，任何依赖此对象的命令都会在属性面板中显示相关元数据。这使自定义名称 cubeVerticesColorBuffer在使用缓冲区的捕获元数据中可见。
一个节点树预览调试 chrome 插件，完美支持 Cocos Creator 所有版本！
Cocos的博客
11-16 474
神器进化归来！「插件小王子」xu_yanfeng发布了节点树预览调试 chrome 插件CC_Inspectorv2.0.0，完美支持所有版本的 Cocos Creator，方便开发者在 chrome 浏览器中调试运行的 Creator 游戏。CC_Inspector资源链接点击文末【阅读原文】跳转插件地址https://store.cocos.com/app/detail/2002使用说明...
Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js
cyj
11-26 1311
GameInspect H5 游戏列表查看 Chrome扩展， Chrome插件,egret Inspect，Laya Inspect, Cocos Create Inspect, Laya Tree, 查看游戏，游戏树结构，H5游戏，类似egret Inspect,最新Inspect,
selenium webdriver+chrome插件.zip
06-16
selenium ide的chrome的插件，chrome和firfox的webdriver插件，具体使用和问题查看我博客文章
Cocos Creator Devtool-crx插件
04-02
语言:English Chrome和DevTools扩展程序，用于调试Cocos Creator游戏 您可以检查游戏内部节点的结构，并使用此扩展名修改节点的某些属性。
chrome插件 Spector.js
03-25
用来调试webgl
cocos-creator-devtool：:gear_selector:Chrome扩展程序，用于调试Cocos Creator游戏
01-30
Cocos Creator开发工具Cocos Creator Devtool是Google Chrome Devtools的扩展。 它允许您检查网页中的Cocos Creator游戏场景。 您可以从Chrome Webstore安装 。变更日志1.0.6 自动更新节点属性添加/删除节点时自动...
一款免费开源又好用的 Cocos Creator 网页调试工具，效率起飞！
Cocos的博客
09-27 990
引言：开源网页调试工具ccc-devtools 自发布后颇受开发者好评，本次，这款插件的作者Next将和大家分享该工具的功能、使用方法以及开发历程。下载地址见文末。ccc-devtools 是一款开箱即用的 Cocos Creator 3.x 网页端预览的调试工具，支持实时显示场景的节点树，并对节点属性进行同步更改。启用与功能工具代码开源，你可以在文末的地址下载打包好的 preview-te...
WebGL调试工具分享
weixin_30797199的博客
07-17 1583
学习WebGL，我们需要一些好用的调试工具，下面分享3个常用的调试工具。 WebGL Inspector 下载地址：https://github.com/benvanik/WebGL-Inspector Clone或下载好该项目之后，先执行core/buildextensions.sh，执行好之后，在Chrome中安装解压后的扩展，选择core/extensions/chrome文件夹即可；...
如何基于SSH隧道+chrome插件SwitchyOmega访问内网机器
最新发布
07-12
要基于SSH隧道和Chrome插件SwitchyOmega访问内网机器，你可以按照以下步骤进行设置： 1. 在你的内网机器上启动SSH服务器，并确保已经正确配置了SSH登录和端口转发。 2. 在本地计算机上安装SSH客户端，比如OpenSSH...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值