diff --git a/doc/demo01_hello/2.editor.md b/doc/demo01_hello/2.editor.md index 2d10b49..9beed83 100644 --- a/doc/demo01_hello/2.editor.md +++ b/doc/demo01_hello/2.editor.md @@ -108,6 +108,14 @@ x轴向右为正 - 相对坐标系，相对于父节点的坐标，godot的坐标都是相对坐标 +- 全局坐标和局部坐标可以相互转化 + +``` +Node2D及其子节点的位置可以使用position和gloabl_position来控制，其中，前者是该节点相对于父节点的相对位置，后者是全局位置。 +简而言之，position的坐标系是以父节点的位置坐标为原点的坐标系，方向，还是水平向右为x轴正方向，竖直向下为y轴正方向。 +需要注意的是，全局位置是以场景的左上角为原点的，并不是以根结点的位置作为原点的 +``` + # 6. 对象的基础操作 - Q，选择 @@ -156,6 +164,7 @@ Scale Mode 对象的缩放 - 中心点是一个物体的中心，当我们对物体进行操作的时候，都是以中心点为中心进行对物体的操作 - 轴心点可以理解为把物体抽象成一个点，物体的位置就是指其轴心点的位置，就是该物体坐标系的原点 - **主要用于旋转** +- 后面的课程会继续介绍轴心点 # 7. 对象操作的工具，多节点选择，轴心点，平滑，尺子 diff --git a/doc/demo01_hello/3.node.md b/doc/demo01_hello/3.node.md new file mode 100644 index 0000000..0e5e810 --- /dev/null +++ b/doc/demo01_hello/3.node.md @@ -0,0 +1,74 @@ +# 1. 游戏对象（节点） + +- 删除游戏对象 + +``` +右键 Delete ，或者键盘 Delete 均可 +``` + +- 恢复 + +``` +CTRL + Z ，撤销上一步操作 +``` + +- 更改节点对象名字 + +``` +右键 Rename，或者双击节点修改 +``` + +- 显示 / 隐藏 + +``` +在 Inspector 里，勾选 Visible 复选框，或者在节点右侧点击Toggle Visibility +``` + +- 设置长宽比 + +``` +在 Project | Project Settings | Display | Window 中可以设置长宽比 +``` + +# 2. 游戏对象的显示顺序 + +- 在2D画面中，两个对象如果重叠，谁显示在上面呢？ +- 按照节点的顺序 + +![Image text](../demo05_scene_node/image/节点.png) +![Image text](../demo05_scene_node/image/节点渲染顺序.png) + +# 3. 对象的轴心 + +- 轴心 Pivot ，指旋转轴、坐标基准点，默认在对象的几何中心 + +- 轴心的作用： + +``` +旋转轴 +当旋转对象时，是以 Pivot 为轴心来计算的 +``` + +- 添加一个勋章图片，设置其 Pivot 位置，练习以下 + +# 4. 对象的父子关系 + +- 在层级树中，对象 (节点) 呈树形显示，一个节点下面，也可以下挂子节点 + +- 演示： + +``` +1 添加三个对象 ：边框、22娘、小电视 +2 拖拽一个对象到另一个对象，成为子对象 (子节点) +3 移动父对象、旋转父对象，观察 + +可以发现，当父对象移动时，子对象随之移动 +``` + +- 理解相对坐标 + +``` +子对象的坐标轴，是相对于父对象的 +1 移动父对象时，子对象的 Position 不发生变化 +2 旋转父对象时，子对象的 Rotation 不发生变化 +``` diff --git a/doc/demo01_hello/bilibili/22.png b/doc/demo01_hello/bilibili/22.png new file mode 100644 index 0000000..887bc68 Binary files /dev/null and b/doc/demo01_hello/bilibili/22.png differ diff --git a/doc/demo01_hello/bilibili/22.png.import b/doc/demo01_hello/bilibili/22.png.import new file mode 100644 index 0000000..e9a6d70 --- /dev/null +++ b/doc/demo01_hello/bilibili/22.png.import @@ -0,0 +1,34 @@ +[remap] + +importer="texture" +type="StreamTexture" +path="res://.import/22.png-cf972feae368717936686117d49775f7.stex" +metadata={ +"vram_texture": false +} + +[deps] + +source_file="res://doc/demo01_hello/bilibili/22.png" +dest_files=[ "res://.import/22.png-cf972feae368717936686117d49775f7.stex" ] + +[params] + +compress/mode=0 +compress/lossy_quality=0.7 +compress/hdr_mode=0 +compress/bptc_ldr=0 +compress/normal_map=0 +flags/repeat=0 +flags/filter=true +flags/mipmaps=false +flags/anisotropic=false +flags/srgb=2 +process/fix_alpha_border=true +process/premult_alpha=false +process/HDR_as_SRGB=false +process/invert_color=false +stream=false +size_limit=0 +detect_3d=true +svg/scale=1.0 diff --git a/doc/demo01_hello/bilibili/小电视.png b/doc/demo01_hello/bilibili/小电视.png new file mode 100644 index 0000000..83d7fd7 Binary files /dev/null and b/doc/demo01_hello/bilibili/小电视.png differ diff --git a/doc/demo01_hello/bilibili/小电视.png.import b/doc/demo01_hello/bilibili/小电视.png.import new file mode 100644 index 0000000..00e8616 --- /dev/null +++ b/doc/demo01_hello/bilibili/小电视.png.import @@ -0,0 +1,34 @@ +[remap] + +importer="texture" +type="StreamTexture" +path="res://.import/小电视.png-d8bd8dfcacf70631b09155df2e1c2fcf.stex" +metadata={ +"vram_texture": false +} + +[deps] + +source_file="res://doc/demo01_hello/bilibili/小电视.png" +dest_files=[ "res://.import/小电视.png-d8bd8dfcacf70631b09155df2e1c2fcf.stex" ] + +[params] + +compress/mode=0 +compress/lossy_quality=0.7 +compress/hdr_mode=0 +compress/bptc_ldr=0 +compress/normal_map=0 +flags/repeat=0 +flags/filter=true +flags/mipmaps=false +flags/anisotropic=false +flags/srgb=2 +process/fix_alpha_border=true +process/premult_alpha=false +process/HDR_as_SRGB=false +process/invert_color=false +stream=false +size_limit=0 +detect_3d=true +svg/scale=1.0 diff --git a/doc/demo01_hello/bilibili/边框.png b/doc/demo01_hello/bilibili/边框.png new file mode 100644 index 0000000..982f0d3 Binary files /dev/null and b/doc/demo01_hello/bilibili/边框.png differ diff --git a/doc/demo01_hello/bilibili/边框.png.import b/doc/demo01_hello/bilibili/边框.png.import new file mode 100644 index 0000000..8d86186 --- /dev/null +++ b/doc/demo01_hello/bilibili/边框.png.import @@ -0,0 +1,34 @@ +[remap] + +importer="texture" +type="StreamTexture" +path="res://.import/边框.png-5fb9b09adfd38f1fafb9ae2139927b72.stex" +metadata={ +"vram_texture": false +} + +[deps] + +source_file="res://doc/demo01_hello/bilibili/边框.png" +dest_files=[ "res://.import/边框.png-5fb9b09adfd38f1fafb9ae2139927b72.stex" ] + +[params] + +compress/mode=0 +compress/lossy_quality=0.7 +compress/hdr_mode=0 +compress/bptc_ldr=0 +compress/normal_map=0 +flags/repeat=0 +flags/filter=true +flags/mipmaps=false +flags/anisotropic=false +flags/srgb=2 +process/fix_alpha_border=true +process/premult_alpha=false +process/HDR_as_SRGB=false +process/invert_color=false +stream=false +size_limit=0 +detect_3d=true +svg/scale=1.0 diff --git a/scene/demo01_hello/hello_world.tscn b/scene/demo01_hello/hello_world.tscn index 7f58219..cebade0 100644 --- a/scene/demo01_hello/hello_world.tscn +++ b/scene/demo01_hello/hello_world.tscn @@ -18,3 +18,11 @@ max_lines_visible = 2 __meta__ = { "_edit_use_anchors_": false } + +[node name="Labela" type="Label" parent="Label"] +margin_right = 40.0 +margin_bottom = 14.0 +text = "bbbbbbbbbb" +__meta__ = { +"_edit_use_anchors_": false +}