使用Three.js创建凹半球体 [英] Create a concave halfsphere with Three.js

问题描述

我是一名Web开发人员，有很好的JavaScript经验，目前正在探索Three.js的可能性。但是，我对3D形状和词汇不是很熟悉，我想不出如何构建我需要的形状。

我要创建一个半球体，并且能够在此球体内投影视频。我有一个全景球形视频，我需要将其扭曲以使其看起来像平面。

多亏了Paul的教程，我已经画了一个球体，并将我的视频投影到上面。但是外球面是凸的，我需要一个凹的！我怎样才能做到这一点呢？从我最初的球体中挤出一个较小的球体？

推荐答案

可以通过设置附加的SphereGeometry参数创建一个半球体：

SphereGeometry( radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength )

尝试，直到得到您想要的东西。

您还必须将用于球体的材质的side属性设置为THREE.BackSide或THREE.DoubleSide。

material.side = THREE.DoubleSide;

SphereBufferGeometry现在还提供了内存效率更高的

SphereBufferGeometry。其构造函数具有相同的参数。

(Three.js r.82)

这篇关于使用Three.js创建凹半球体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！