相关疑难解决方法(0)

当谈到 3D 动画时，有很多我不熟悉的术语和概念（也许附加到这个问题的第二个问题：有哪些好书可以熟悉这些概念？）。我不知道“UV”是什么（在 3D 渲染的上下文中），也不熟悉用于将图像上的像素映射到网格上的点的工具。

我有一个 360 度相机生成的以下图像（它实际上是 HTMLvideo元素的输出）：

我希望该图像的中心是球体的“顶部”，并且该图像中圆的任何半径都是沿着球体从上到下的弧。

这是我的起点（直接从 Three.JS 文档复制代码行）：

var video = document.getElementById( "texture-video" );

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 texture = new THREE.VideoTexture( video );
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;

var material = new THREE.MeshBasicMaterial( { map: texture } );

var geometry …