vue + three js 相机漫游过程中 向左旋转90度

在Vue.js应用中结合Three.js创建相机漫游动画时，如果你想让相机向左旋转90度，首先需要确保你已经设置了Three.js的基本渲染设置，并且有一个`THREE.PerspectiveCamera`实例。下面是一个简单的示例步骤：

1. 首先，在你的Vue组件里初始化Three.js的场景、渲染器、相机和控制（例如OrbitControls）:

import * as THREE from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';

export default {
  data() {
    return {
      scene: null,
      camera: null,
      renderer: null,
      controls: null,
    };
  },
  mounted() {
    // 初始化 Three.js 环境
    this.initScene();
  },
  methods: {
    initScene() {
      this.scene = new THREE.Scene();
      this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
      this.controls = new OrbitControls(this.camera, this.renderer.domElement);

      // 设置初始相机位置和旋转角度
      this.camera.position.z = 5; // 漫游距离
      this.camera.rotation.y = -Math.PI / 2; // 向左旋转90度

      // ...其他渲染设置...
    },
  },
};

2. 当你想触发相机向左旋转90度的动作时，可以在适当的方法中调用`camera.rotation.y += Math.PI / 2`（这里加了90度）。如果你想要平滑地改变角度，可以添加一个定时器或者动画函数。

记得在`mounted`钩子中初始化好场景和相机的位置和角度，并在需要的地方更新相机的旋转。这只是一个基础示例，实际应用中可能还需要处理事件监听和用户交互等细节。