Cocos 入门：节点与场景树

Cocos 一切从节点（Node）开始。场景就是一棵树：根节点下面挂子节点，子节点再往下挂。

一、节点能带什么

• 变换：位置、旋转、缩放（Transform）

• 组件：Sprite、Label、Button、Animation……

• 子节点：组成界面、角色、特效的层级

// 伪代码：往场景上加一个节点
const node = new cc.Node('hero');
node.setPosition(0, 0);
node.parent = this.node;

二、坐标与锚点

• 位置默认相对父节点

• 锚点 (0.5, 0.5) 在中心，做对齐时很关键

• 改缩放会带着子节点一起变——挂特效就靠这个

三、和传奇客户端 GUI 的对比

思路相通：先搭树，再挂脚本。

四、练习清单

1. 在编辑器里加三个节点并嵌套

1. 用代码改位置/旋转/缩放

1. 打印父子关系，理解树结构

今日练习：写脚本创建 3 层节点树，运行时打印每一层的 name 与 worldPosition。