手机陀螺仪实现同步3D模型旋转

如题，代码如下

  // 创建场景、相机和渲染器

        const scene = new THREE.Scene();

        const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

        const renderer = new THREE.WebGLRenderer();

        renderer.setSize(window.innerWidth, window.innerHeight);

        document.body.appendChild(renderer.domElement);

        // 创建正方体的几何体和材质

        const geometry = new THREE.BoxGeometry(1, 1, 1);

        const material = new THREE.MeshBasicMaterial({ color: 0x888888 });

        // 创建正方体对象

        const cube = new THREE.Mesh(geometry, material);

        scene.add(cube);

        // 设置相机位置

        camera.position.z = 5;

        let initialOrientation = null;

        // 判断设备是否支持陀螺仪

        if (window.DeviceOrientationEvent) {