🌍 Object3D 基类演示

太阳系模型 - 展示父子关系和变换属性

🌳 场景层级

Scene
└── Sun (太阳)
└── Earth (地球)
└── Moon (月球)

📊 当前选中物体

💡 核心概念

1. 父子关系
• 子物体的变换相对于父物体
• 父物体旋转，子物体跟着旋转

2. 变换三剑客
• position: 位置
• rotation: 旋转（弧度）
• scale: 缩放

3. 坐标系统
• 局部坐标：相对父物体
• 世界坐标：相对场景原点

⚠️ 观察：地球绕太阳公转，月球绕地球公转。这就是父子关系的威力！

🎮 操作说明

• 鼠标拖拽：旋转视角
• 鼠标滚轮：缩放
• 右键拖拽：平移
• GUI 面板：控制各个物体

📝 代码示例

// 创建太阳（父物体）
const sun = new THREE.Mesh(geometry, material);
scene.add(sun);

// 创建地球（子物体）
const earth = new THREE.Mesh(geometry, material);
earth.position.set(5, 0, 0);  // 相对太阳
sun.add(earth);  // 建立父子关系

// 创建月球（孙物体）
const moon = new THREE.Mesh(geometry, material);
moon.position.set(1, 0, 0);  // 相对地球
earth.add(moon);

// 动画
sun.rotation.y += 0.001;   // 太阳自转
earth.rotation.y += 0.01;  // 地球公转
moon.rotation.y += 0.05;   // 月球公转
        