From b14f58a30be4e238b31c2e36bac54b661df3a5b2 Mon Sep 17 00:00:00 2001 From: jaysunxiao Date: Sun, 28 Nov 2021 21:09:07 +0800 Subject: [PATCH] doc --- doc/demo01_hello/2.editor.md | 16 -------- doc/demo01_hello/3.node.md | 72 +++++++++++++++++++++++------------- 2 files changed, 47 insertions(+), 41 deletions(-) diff --git a/doc/demo01_hello/2.editor.md b/doc/demo01_hello/2.editor.md index 7ebf5c6..506de17 100644 --- a/doc/demo01_hello/2.editor.md +++ b/doc/demo01_hello/2.editor.md @@ -157,22 +157,6 @@ Scale Mode 对象的缩放 - Ctrl + 鼠标拖曳，以pivot为中心旋转当前对象 - Alt + 拖曳边框缩放点，保持选中目标中心位置不变进行缩放 -### anchor，锚点 - -- 是一个点，锚点描述的是一个对象的Margin，相对于锚点的坐标 -- 锚点的left，top，right，bottom是相对于父节点的值 -- 主要是用于描述节点的位置 -- 当对一个节点的子节点进行设置锚点时，子节点的锚点范围只能够是父节点的控件区域内。 -- 注意任何布局也都是相对于父窗口矩形的 -- **主要用于描述子节点相对于父节点的位置** - -### pivot，轴心点 - -- 中心点是一个物体的中心，当我们对物体进行操作的时候，都是以中心点为中心进行对物体的操作 -- 轴心点可以理解为把物体抽象成一个点，物体的位置就是指其轴心点的位置，就是该物体坐标系的原点 -- **主要用于旋转** -- 后面的课程会继续介绍轴心点 - # 7. 节点操作的工具，多节点选择，轴心点，平滑，尺子 - 多节点选择工具，show a list diff --git a/doc/demo01_hello/3.node.md b/doc/demo01_hello/3.node.md index ffb3738..725f4e6 100644 --- a/doc/demo01_hello/3.node.md +++ b/doc/demo01_hello/3.node.md @@ -1,4 +1,26 @@ -# 1. 节点的显示和隐藏 +# 1. 节点的父子关系 + +- 在层级树中，对象 (节点) 呈树形显示，一个节点下面，也可以下挂子节点 + +- 演示： + +``` +1 添加三个对象 ：边框、22娘、小电视 +2 拖拽一个对象到另一个对象，成为子对象 (子节点) +3 移动父对象、旋转父对象，观察 + +可以发现，当父对象移动时，子对象随之移动 +``` + +- 理解相对坐标 + +``` +子对象的坐标轴，是相对于父对象的 +1 移动父对象时，子对象的 Position 不发生变化 +2 旋转父对象时，子对象的 Rotation 不发生变化 +``` + +# 2. 节点的显示和隐藏 - 删除游戏对象 @@ -30,7 +52,7 @@ CTRL + Z ，撤销上一步操作 在 Project | Project Settings | Display | Window 中可以设置长宽比 ``` -# 2. 游戏节点的显示顺序 +# 3. 游戏节点的显示顺序 - 在2D画面中，两个对象如果重叠，谁显示在上面呢？ - 按照节点的顺序 @@ -38,7 +60,29 @@ CTRL + Z ，撤销上一步操作 ![Image text](../demo05_scene_node/image/节点.png) ![Image text](../demo05_scene_node/image/节点渲染顺序.png) -# 3. 节点的轴心 +# 4. anchor，锚点 + +- 是一个点，锚点描述的是一个对象的Margin，相对于锚点的坐标 +- 锚点的left，top，right，bottom是相对于父节点的值 +- 主要是用于描述子节点相对于父节点的位置 +- 当对一个节点的子节点进行设置锚点时，子节点的锚点范围只能够是父节点的控件区域内。 +- 注意任何布局也都是相对于父窗口矩形的 +- **主要用于描述子节点相对于父节点的位置** + +![Image text](../demo12_gui/image/gui4.png) +![Image text](../demo12_gui/image/gui5.png) +![Image text](../demo12_gui/image/gui6.png) +![Image text](../demo12_gui/image/gui7.png) +![Image text](../demo12_gui/image/gui8.png) +![Image text](../demo12_gui/image/gui9.png) +![Image text](../demo12_gui/image/gui10.png) + +# 5. pivot，轴心点 + +- 中心点是一个物体的中心，当我们对物体进行操作的时候，都是以中心点为中心进行对物体的操作 +- 轴心点可以理解为把物体抽象成一个点，物体的位置就是指其轴心点的位置，就是该物体坐标系的原点 +- **主要用于旋转** +- 后面的课程会继续介绍轴心点 - 轴心 Pivot ，指旋转轴、坐标基准点，默认在对象的几何中心 @@ -50,25 +94,3 @@ CTRL + Z ，撤销上一步操作 ``` - 添加一个勋章图片，设置其 Pivot 位置，练习以下 - -# 4. 节点的父子关系 - -- 在层级树中，对象 (节点) 呈树形显示，一个节点下面，也可以下挂子节点 - -- 演示： - -``` -1 添加三个对象 ：边框、22娘、小电视 -2 拖拽一个对象到另一个对象，成为子对象 (子节点) -3 移动父对象、旋转父对象，观察 - -可以发现，当父对象移动时，子对象随之移动 -``` - -- 理解相对坐标 - -``` -子对象的坐标轴，是相对于父对象的 -1 移动父对象时，子对象的 Position 不发生变化 -2 旋转父对象时，子对象的 Rotation 不发生变化 -```