three.js LineBasicMaterial

2023-02-16 17:44 更新

一種用于繪制線框樣式幾何體的材質。

代碼示例

const material = new THREE.LineBasicMaterial( {
	color: 0xffffff,
	linewidth: 1,
	linecap: 'round', //ignored by WebGLRenderer
	linejoin:  'round' //ignored by WebGLRenderer
} );

例子

WebGL / buffergeometry / drawrange
WebGL / buffergeometry / lines
WebGL / buffergeometry / lines / indexed
WebGL / decals
WebGL / geometry / nurbs
WebGL / geometry / shapes
WebGL / geometry / spline / editor
WebGL / interactive / buffergeometry
WebGL / interactive / voxelpainter
WebGL / lines / colors
WebGL / lines / dashed
WebGL / lines / sphere
WebGL / materials
physics / ammo / rope

構造函數(Constructor)

LineBasicMaterial( parameters : Object )

parameters - (可選)用于定義材質外觀的對象,具有一個或多個屬性。材質的任何屬性都可以從此處傳入(包括從Material繼承的任何屬性)。

屬性color例外,其可以作為十六進制字符串傳遞,默認情況下為 0xffffff(白色),內部調用Color.set(color)。

屬性(Properties)

共有屬性請參見其基類Material。

.color : Color

材質的顏色(Color),默認值為白色 (0xffffff)。

.fog : Boolean

材質是否受霧影響。默認為true。

.linewidth : Float

控制線寬。默認值為 1。

由于OpenGL Core Profile與 大多數平臺上WebGL渲染器的限制,無論如何設置該值,線寬始終為1。

.linecap : String

定義線兩端的樣式??蛇x值為 'butt', 'round' 和 'square'。默認值為 'round'。

該屬性對應2D Canvas lineCap屬性, 并且會被WebGL渲染器忽略。

.linejoin : String

定義線連接節(jié)點的樣式??蛇x值為 'round', 'bevel' 和 'miter'。默認值為 'round'。

該屬性對應2D Canvas lineJoin屬性, 并且會被WebGL渲染器忽略。

方法(Methods)

共有方法請參見其基類Material。

源碼(Source)

src/materials/LineBasicMaterial.js


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號