三. js学习的几何形状

1.立方

虽然这个形状的名字叫立方体几何，但它实际上是一个长方体，这意味着长度、宽度和高度可以设置为不同的值。它的构造函数是：

三个。立方体几何(宽度、高度、深度、宽度段、高度段、深度段)

宽度：x方向的长度

高度：y方向的长度

深度：z方向的长度

宽度段：x方向的段数(可选，默认值为1)

高度段：y方向的段数(同上)

深度段：z方向的段数(同上)

未分段：

var material=new THREE。mesh basicmaterial({ color :0x ffff 00，wire frame : true })；drawCube(场景、素材)；函数drawCube(场景，材质){var cube=new THREE。网状(新三。立方体几何(1，2，3)，材料)；scene.add(立方体)；}

对象的默认位置是原点。对于立方体，它是几何中心在原点的位置。

细分市场：

var cube=new THREE。网状(新三。立方体几何(1，2，3，2，2，3)，材料)；

为什么有这么多恶线？版本问题。R73版本：

请注意，这种分割是分割六个面，而不是立方体的体素，因此在立方体的中间没有分割，只有六个边被分割。

2.飞机

这里的平面几何实际上是一个矩形，而不是数学意义上的无限大的平面。它的构造函数是：

三个。平面几何图形(宽度、高度、宽度段、高度段)

宽度：x方向的长度

高度：y方向的长度

宽度段：x方向的段数(可选，默认值为1)

高度段：y方向的段数(同上)

新的三。平面几何(2，4)；创建的平面在X轴和Y轴的平面内，效果如下：

3.范围

球面几何的构造函数是：

三个。球面测量法(半径、分段宽度、分段宽度、物理起点、直线长度、起点、终点)//半径：半径//分段宽度：经度中的分段数量//分段高度：纬度中的分段数量//物理起点：从经度开始的弧度//直线长度：从经度开始的弧度//起点：从纬度开始的弧度//直线长度：从纬度3.1开始的弧度经度和纬度分段

首先，让我们了解一下segmentsWidth和segmentsHeight。使用varsphere=new three . spherometry(3，8，6)创建一个半径为3的球体，经度分为8部分，纬度分为6部分，如下图所示。

SegmentsWidth相当于经度被切成几片花瓣，segmentsHeight相当于纬度被切成几层。

新三的效果。球面测量法(3，5，4):

新三的效果。球面测量法(3，8，6):

新三的效果。球体几何(3，18，12):

图形底层的实现没有曲线的概念，曲线近似由多条折线组成。对于一个球体，当这两个值较大时，所形成的多面体可以近似看作一个球体。

3.2经度弧度

新的三球几何(3，8，6，Math.PI/6, Math.PI/3)表明起始经度是math.pi/6，经度跨度是math.pi/3.

效果如下：

注意，这里segmentsWidth是8，这意味着从Math.PI/6穿过Math.PI/3,的区域开始，经度被分成8个块，而不是整个球体的经度被分成8个块，然后在这个经度范围内的部分被判断。

3.3纬度弧度

纬度和弧度是一样的。新三。球面几何(3，8，6，0，数学* 2，Math.PI/6,Math.PI/3)意味着纬度从Math.pi/6.穿过Math.pi/3

效果如下：

新三球几何的效果(3，8，6，math.pi/2,数学，math.pi/6,数学/2):

4.源代码

！DOCTYPE html html head meta charset=' UTF-8 '标题3。射流研究…测试四/title/head body on load=' init()' canvas id=' mainCanvas ' width=' 400 px ' height=' 300 px '/canvas/body script type=' text/JavaScript ' src=' http : js/THREE。量滴js '/script type=' text/JavaScript '函数init(){ var renderer=new THREE .WebGLRenderer({ canvas :文档。getelementbyid(' mainCanvas ')})；渲染器。SetClearColor(0x 000000)；定义变量场景=新三。场景();//相机var相机=新三.正投影摄像机(-5,5,3.75,-3.75,0.1,100);摄像机位置设置(25，25，25)；相机。看（新的三Vector3(0，0，0))；scene.add(摄像机);//材质可变材料=新的三.mesh basic material({ color :0x ffff 00，线框： true })；drawCube(场景、素材);//立方体//drawPlane(场景、素材);//平面//drawSphere(场景、素材);//球体//渲染渲染。渲染(场景、摄像机);}函数drawCube(场景，材质){ var cube=new THREE .网状（新三。立方体几何(1,2,3,2,2,3),材料);scene.add(立方体);}函数drawPlane(场景、素材){ var plane=new THREE .网状（新三。平面几何(2,4),材料；场景添加（平面);}函数drawSphere(场景，材质){ var sphere=new THREE .网状（新三。球面测量法(3,18,12),材料；//var sphere=new THREE .网状（新三。球面测量法(3,8,6,数学/6，数学/3)，材料);//var sphere=new THREE .网状（新三。球面测量法(3,8,6,0,数学* 2，数学/6，数学/3)，材料);//var sphere=new THREE .网状（新三。球面测量法(3,8,6,数学/2，数学，数学/6，数学/2)，材料);scene.add(球体);}/脚本/html以上就是三。射流研究…学习之几何形状的全部内容，小编陆续还会更新关于三。射流研究…的文章，请大家继续关注我们。