samien
/
three.js
mirror of https://github.com/mrdoob/three.js.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<base href="../../../" />
		<script src="page.js"></script>
		<link type="text/css" rel="stylesheet" href="page.css" />
	</head>
	<body>
		[page:BufferGeometry] &rarr; [page:InstancedBufferGeometry] &rarr; [page:LineSegmentsGeometry] &rarr;

		<h1>线段几何体（[name]）</h1>

		<p class="desc">
			由顶点链组成的多段线几何体。
		</p>

		<p class="desc">
			在 [page:Line2] 中用于描述形状。
		</p>

		<h2>导入</h2>

		<p>
			[name] 是一个附加组件，必须显式导入。
			查看[link:#manual/introduction/Installation Installation / Addons]。
		</p>

		<code>
			import { LineGeometry } from 'three/addons/lines/LineGeometry.js';
		</code>

		<h2>示例</h2>

		<p>
			[example:webgl_lines_fat WebGL / lines / fat ]<br />
			[example:webgl_lines_fat_raycasting WebGL / lines / fat / raycasting ]<br />
			[example:webgpu_lines_fat WebGPU / lines / fat / raycasting ]
		</p>

		<h2>构造函数</h2>

		<h3>[name]()</h3>
		<p>
			创建一个新的几何体。
			调用 [page:LineGeometry.setPositions setPositions] 来添加线段。
		</p>

		<h2>属性</h2>
		<p>共有属性，请参见基类 [page:LineSegmentsGeometry]。</p>

		<h3>[property:Boolean isLineGeometry]</h3>
		<p>只读标志，用于检查给定对象是否为 [name] 类型。</p>

		<h2>方法</h2>
		<p>共有方法，请参见基类 [page:LineSegmentsGeometry]。</p>

		<h3>[method:this fromLine]( [param:Line line] )</h3>
		<p>
			将 [page:Line] 对象的顶点位置复制到该几何体中。
			假定源几何体未使用索引。
		</p>

		<h3>[method:this setColors]( [param:Array array] )</h3>
		<p>
			替换每个顶点的颜色。
			每个三元组描述一个线段顶点：`[r1, g1, b1]`。
			数组可以是 `Array` 或 `Float32Array` 类型。
		</p>

		<h3>[method:this setPositions]( [param:Array array] )</h3>
		<p>
			用新的顶点位置集替换现有顶点位置。
			数组可以是 `Array` 或 `Float32Array` 类型。
			数组长度必须是 3 的倍数。
		</p>

		<h3>[method:this setFromPoints]( [param:Array points] )</h3>
		<p>
			用点数组替换顶点位置。
			可以是 `Vector3` 或 `Vector2` 数组。
		</p>

		<h2>源代码</h2>

		<p>
			[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/lines/LineGeometry.js examples/jsm/lines/LineGeometry.js]
		</p>
	</body>
</html>