← 返回主页

🎲 基础场景

学习Three.js的核心概念:场景、相机、渲染器

🎮 场景控制

0.01
5

💡 核心概念

场景(Scene):3D世界的容器,所有物体都放在场景中

相机(Camera):观察者的视角,决定我们看到什么

渲染器(Renderer):将3D场景绘制到2D屏幕上

网格(Mesh):几何体 + 材质 = 可见的3D对象

🔧 基础代码结构

// 1. 创建场景
scene = new THREE.Scene();

// 2. 创建相机
camera = new THREE.PerspectiveCamera();

// 3. 创建渲染器
renderer = new THREE.WebGLRenderer();

// 4. 创建物体
mesh = new THREE.Mesh(geometry, material);

// 5. 渲染循环
function animate() {
  renderer.render(scene, camera);
}