threejs给球体贴一张全景图

可以使用Three.js中的球体几何体（SphereGeometry）和球体材质（MeshBasicMaterial）来创建一个球体，并将全景图贴在球体表面上。以下是一个简单的示例：

// 创建场景、相机和渲染器
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.SphereGeometry(500, 60, 40);

// 加载全景图纹理
var textureLoader = new THREE.TextureLoader();
var texture = textureLoader.load('panorama.jpg');

// 反转纹理
texture.wrapS = THREE.RepeatWrapping;
texture.repeat.x = -1;

// 创建球体材质
var material = new THREE.MeshBasicMaterial({
    map: texture,
    side: THREE.DoubleSide
});

// 创建球体并将材质应用于它
var sphere = new THREE.Mesh(geometry, material);
scene.add(sphere);

// 将相机移动到球体中心
camera.position.set(0, 0, 0);

// 渲染场景
function render() {
    requestAnimationFrame(render);
    renderer.render(scene, camera);
}
render();

在上面的示例中，我们首先创建了一个场景、相机和渲染器。然后，我们使用SphereGeometry创建了一个球体，并使用TextureLoader加载了全景图纹理。接下来，我们创建了一个MeshBasicMaterial，并将纹理应用于它。最后，我们使用Mesh创建了球体，并将其添加到场景中。渲染器将场景和相机作为参数调用render函数，以在屏幕上呈现场景。

注意在加载纹理时，我们将纹理的水平方向（x轴）反转，以便在球体上正确地呈现全景图。