3.Godot节点编辑操作及类的继承关系

1. 节点的父子关系
  • 在层级树中,对象 (节点) 呈树形显示,一个节点下面,也可以下挂子节点
js 复制代码
1 添加两个对象
2 拖拽一个对象到另一个对象,成为子对象 (子节点)
3 移动父对象、旋转父对象,观察

可以发现,当父对象移动时,子对象随之移动
  • 理解相对坐标
js 复制代码
子对象的坐标轴,是相对于父对象的
1 移动父对象时,子对象的 Position 不发生变化
2 旋转父对象时,子对象的 Rotation 不发生变化
2. 节点的显示和隐藏
  • 删除游戏对象
js 复制代码
右键 Delete ,或者键盘 Delete 均可
Delete父节点的时候,子节点也会一并删除
  • 恢复
js 复制代码
CTRL + Z ,撤销上一步操作
  • 更改节点对象名字
js 复制代码
右键 Rename,或者双击节点修改
  • 显示 / 隐藏

js 复制代码
在 Inspector 里,勾选 Visible 复选框,或者在节点右侧点击Toggle Visibility
  • 设置长宽比
js 复制代码
在 Project | Project Settings | Display | Window 中可以设置长宽比
3. 游戏节点的显示顺序
  • 在2D画面中,两个对象如果重叠,谁显示在上面呢?
  • 按照节点的顺序
  • 在数据结构上的专业术语叫树的广度优先遍历,广度优先遍历的顺序就是最后显示的顺序
  • 显示顺序就是渲染顺序,最后一次渲染的,肯定是在最上层的
4. pivot,轴心点
  • 轴心点也叫中心点,中心点是一个物体的中心,当我们对物体进行操作的时候,都是以中心点为中心进行对物体的操作
  • 轴心点可以理解为把物体抽象成一个点,物体的位置就是指其轴心点的位置,就是该物体坐标系的原点
  • 主要用于旋转和决定对象的位置
  • 轴心 Pivot ,指旋转轴、坐标基准点,默认在对象的几何中心
  • 轴心的作用:
    • 旋转轴,当旋转对象时,是以 Pivot 为轴心来去旋转对象的
    • 坐标系的原点,当移动对象时,是以 Pivot 为中心来计算位置Position的
5. anchor,锚点
  • 是一个点,锚点描述的是一个对象的Margin,相对于锚点的坐标
  • 锚点的left,top,right,bottom是相对于父节点的值
  • 主要是用于描述子节点相对于父节点的位置
    • 必须有父位置,才有锚点存在的意义
  • 当对一个节点的子节点进行设置锚点时,子节点的锚点范围只能够是父节点的控件区域内。
  • 注意任何布局也都是相对于父窗口矩形的
  • 主要用于在GUI中描述子节点相对于父节点的位置
Godot中类的继承关系

Godot当中所有的类,都有一个顶层节点:Object

重要的有两个子类

  1. Node节点:可以挂载到场景中,包括其子类
    1. Node3D
    2. CanvasItem
      1. Node2D:2D节点
        1. 碰撞节点
        2. 精灵节点
      2. Control:GUI界面
        1. 按钮
        2. 文本框
        3. 进度条
  2. RefCounted:非节点的一些功能类
    1. 寻路
    2. 资源加载
相关推荐
@大迁世界15 分钟前
Promise.all 与 Promise.allSettled:一次取数的小差别,救了我的接口
开发语言·前端·javascript·ecmascript
知识分享小能手17 分钟前
微信小程序入门学习教程,从入门到精通,项目实战:美妆商城小程序 —— 知识点详解与案例代码 (18)
前端·学习·react.js·微信小程序·小程序·vue·前端技术
DoraBigHead30 分钟前
React 中的代数效应:从概念到 Fiber 架构的落地
前端·javascript·react.js
LuckySusu30 分钟前
【vue篇】Vue 性能优化全景图:从编码到部署的优化策略
前端·vue.js
卓伊凡35 分钟前
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓
前端
笨笨鸟慢慢飞37 分钟前
Vue3后退不刷新,前进刷新
前端
LuckySusu40 分钟前
【vue篇】SSR 深度解析:服务端渲染的“利”与“弊”
前端·vue.js
LuckySusu40 分钟前
【vue篇】SPA 单页面应用:现代 Web 的革命与挑战
前端·vue.js
LuckySusu41 分钟前
【vue篇】Vue 初始化页面闪动(FOUC)问题终极解决方案
前端·vue.js
fruge43 分钟前
从 0 到 1 理解前端工程化:图表化解析核心逻辑
前端