new THREE.Euler(0, 0, 0) 是 Three.js 中创建欧拉角对象的方法，其参数为三个旋转角度（绕 x、y、z 轴的旋转角度）。这些角度用来描述物体在三维空间中的旋转姿态。

var euler = new THREE.Euler(x, y, z);

• x：绕 x 轴的旋转角度，单位为弧度（radians）。
• y：绕 y 轴的旋转角度，单位为弧度（radians）。
• z：绕 z 轴的旋转角度，单位为弧度（radians）。

应用实例：

// 创建场景、相机和渲染器
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建一个立方体
var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);

// 创建一个欧拉角对象
var euler = new THREE.Euler(0, 0, 0);

// 更新立方体的旋转
function animate() {
  // 通过欧拉角旋转立方体
  cube.rotation.set(euler.x, euler.y, euler.z);

  // 渲染场景
  renderer.render(scene, camera);

  // 请求下一帧
  requestAnimationFrame(animate);
}
animate();

在上述实例中，我们创建了一个场景、相机和渲染器，并添加了一个立方体到场景中。然后，我们创建了一个 THREE.Euler 对象，并将其应用于立方体的旋转。通过修改 euler 对象的 x、y、z 属性，可以改变立方体的旋转角度。在 animate 函数中，我们不断更新立方体的旋转，并渲染场景，从而实现了一个旋转的立方体。

请注意，实际应用中，你可能会使用鼠标、键盘或其他交互方式来控制欧拉角的值，以实现更加灵活的物体旋转效果。另外，如前面提到的，欧拉角存在万向锁问题，因此在某些情况下，可能需要使用四元数（THREE.Quaternion）来避免问题。

项目实际应用

vr看房 项目中通过鼠标拖动更新欧拉角new THREE.Euler(0, 0, 0)来看房动作。