three.js ArrowHelper

用于模擬方向的3維箭頭對(duì)象.

代碼示例

const dir = new THREE.Vector3( 1, 2, 0 );

//normalize the direction vector (convert to vector of length 1)
dir.normalize();

const origin = new THREE.Vector3( 0, 0, 0 );
const length = 1;
const hex = 0xffff00;

const arrowHelper = new THREE.ArrowHelper( dir, origin, length, hex );
scene.add( arrowHelper );

例子

WebGL / shadowmesh

構(gòu)造函數(shù)

ArrowHelper(dir : Vector3, origin : Vector3, length : Number, hex : Number, headLength : Number, headWidth : Number )

dir -- 基于箭頭原點(diǎn)的方向. 必須為單位向量.
origin -- 箭頭的原點(diǎn).
length -- 箭頭的長(zhǎng)度. 默認(rèn)為 1.
hex -- 定義的16進(jìn)制顏色值. 默認(rèn)為 0xffff00.
headLength -- 箭頭頭部(錐體)的長(zhǎng)度. 默認(rèn)為箭頭長(zhǎng)度的0.2倍(0.2 * length).
headWidth -- 箭頭頭部的寬度。默認(rèn)值為 0.2 * headLength。

屬性

請(qǐng)到基類 Object3D 頁(yè)面查看公共屬性.

.line : Line

包含箭頭輔助對(duì)象的線段部分.

.cone : Mesh

包含箭頭輔助對(duì)象的錐體部分.

方法

請(qǐng)到基類 Object3D 頁(yè)面查看公共方法.

.setColor (color : Color) : undefined

color -- 所需的顏色。設(shè)置箭頭輔助對(duì)象的顏色.

.setLength (length : Number, headLength : Number, headWidth : Number) : undefined

length -- 要設(shè)置的長(zhǎng)度.
headLength -- 要設(shè)置的箭頭頭部(錐體)的長(zhǎng)度.
headWidth -- 箭頭頭部的寬度。

.setDirection (dir : Vector3) : undefined

dir -- 要設(shè)置的方向. 必須為單位向量.設(shè)置箭頭輔助對(duì)象的方向.

源碼

src/helpers/ArrowHelper.js