diff --git a/cc-inspector/README.en.md b/cc-inspector/README.en.md new file mode 100644 index 0000000..a6b57bc --- /dev/null +++ b/cc-inspector/README.en.md @@ -0,0 +1,15 @@ +This is a free extension that works out of the box without any additional installation. It can help you debug games made by CocosCreator, display the node tree of the game, and the component properties of the node tree, which is very helpful when troubleshooting game problems. + +On the left side of the debug panel is the hierarchy manager, which is used to display the node tree of the game, and on the right side is the property inspector, which is used to display the detailed properties of the node. The width of the two panels can be flexibly adjusted. + +## Features: +- The extension automatically retrieves and refreshes the node tree and its status +- The game made is nested in iframe, and debugging is also supported, and the debugging target can be switched freely. +- It also supports debugging Cocos games made by Creator2.x and Creator3.x. +- In the hierarchy manager, you can use the up, down, left, and right arrow keys to quickly fold, expand, and select the node tree. +- In the hierarchy manager, you can use the space shortcut key to control the display and hiding of nodes. +- In the hierarchy manager, you can right-click and select `destroy` to destroy a node. +- In the property inspector, if the attribute references a node, the reference can be highlighted in the node tree. +- The property inspector supports simplified and full display of properties, which is convenient for observing properties in different situations. +- The properties support adjusting the value by dragging the mouse, which is very convenient when adjusting the coordinates. +- Supports printing components in the console, which is convenient for observing the whole picture. \ No newline at end of file diff --git a/cc-inspector/README.md b/cc-inspector/README.md index 5e153fa..ae4a2ca 100644 --- a/cc-inspector/README.md +++ b/cc-inspector/README.md @@ -1,3 +1,9 @@ 对应的测视例网站: -https://tidys.github.io/creator-test-cases/ \ No newline at end of file +https://tidys.github.io/creator-test-cases/ + +- youtube: https://www.youtube.com/watch?v=ajMz3zEFTA8 +- chrome: https://chromewebstore.google.com/detail/cc-inspector/hejbkamkfnkifppoaljcidepkhgaahcj?hl=zh-CN&utm_source=ext_sidebar +- bilibili: https://www.bilibili.com/video/BV1jzcHeSEh3/ +- store: https://store.cocos.com/app/detail/2002 +- github: https://github.com/tidys/cc-inspector-chrome \ No newline at end of file diff --git a/cc-inspector/README.zh.md b/cc-inspector/README.zh.md new file mode 100644 index 0000000..053adfc --- /dev/null +++ b/cc-inspector/README.zh.md @@ -0,0 +1,16 @@ +这是一个免费的扩展,开箱即用,无须任何额外的安装,可以帮助你调试CocosCreator制作的游戏,显示游戏运行的节点树,以及节点树的组件属性,在排查游戏问题时,非常有帮助。 + +调试面板左侧为层级管理器,用于展示游戏的节点树,右侧为属性检查器,用于展示节点的详细属性,可以灵活调整2个面板的宽度。 + + +## 特点: +- 插件自动检索刷新节点树及其状态 +- 制作的游戏在iframe嵌套,同样也支持调试,并且支持自由切换调试目标。 +- 同时支持调试Creator2.x和Creator3.x制作的Cocos游戏。 +- 在层级管理器中,支持使用上下左右方向键快速折叠、展开、选中节点树。 +- 在层级管理器中,支持使用空格快捷键,控制节点的显示隐藏。 +- 在层级管理器中,可以右键选择`destroy`销毁某个节点。 +- 属性检查器中如果属性引用了节点,支持在节点树中高亮显示引用。 +- 属性检查器支持属性精简显示和全部显示,方便在不同情况下观察属性。 +- 属性支持鼠标拖拉调整数值,在调整坐标时,非常方便。 +- 支持在控制台打印组件,方便观察全貌。 diff --git a/cc-inspector/cc-plugin.config.ts b/cc-inspector/cc-plugin.config.ts index e466569..5f1d6e0 100644 --- a/cc-inspector/cc-plugin.config.ts +++ b/cc-inspector/cc-plugin.config.ts @@ -9,7 +9,7 @@ function i18n(key: string) { const manifest: CocosPluginManifest = { name: pkgName, - version: "2.1.0", + version: "2.1.1", description: "cc-inspector desc", author: "xu_yanfeng", main: "./src/main.ts", diff --git a/cc-inspector/doc/Marquee.jpg b/cc-inspector/doc/Marquee.jpg new file mode 100644 index 0000000..5a41d63 Binary files /dev/null and b/cc-inspector/doc/Marquee.jpg differ diff --git a/cc-inspector/doc/scene3.jpg b/cc-inspector/doc/scene3.jpg new file mode 100644 index 0000000..90b369e Binary files /dev/null and b/cc-inspector/doc/scene3.jpg differ diff --git a/cc-inspector/doc/scene4.jpg b/cc-inspector/doc/scene4.jpg new file mode 100644 index 0000000..5ef8228 Binary files /dev/null and b/cc-inspector/doc/scene4.jpg differ diff --git a/cc-inspector/doc/scene5.jpg b/cc-inspector/doc/scene5.jpg new file mode 100644 index 0000000..a6e374d Binary files /dev/null and b/cc-inspector/doc/scene5.jpg differ diff --git a/cc-inspector/doc/small.jpg b/cc-inspector/doc/small.jpg new file mode 100644 index 0000000..202f91d Binary files /dev/null and b/cc-inspector/doc/small.jpg differ