js怎么做可以旋转的立体模型

js怎么做可以旋转的立体模型 就是用鼠标按着转那个立体模型就可以360度转

可以使用Three.js库来实现旋转的立体模型。以下是一个简单的示例代码：

// 创建场景和相机
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;
scene.add(camera);

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

// 监听鼠标移动事件
document.addEventListener('mousemove', onMouseMove);
document.addEventListener('mousewheel', onMouseWheel);

function onMouseMove(event) {
 // 计算当前鼠标位置相对于相机的位置
 var mouseX = (event.clientX - window.innerWidth / 2) * 0.5;
 var mouseY = (event.clientY - window.innerHeight / 2) * 0.5;

// 将相机的位置设置为相对于鼠标位置的位置
 camera.position.x = mouseX;
camera.position.y = mouseY;
}

function onMouseWheel(event) {
 // 将相机的位置设置为相对于鼠标位置的位置并旋转相机
 camera.position.x += event.delta * 0.05;
 camera.position.y += event.delta * 0.05;
}