three.js Sprite

2023-02-16 17:47 更新

精靈是一個總是面朝著攝像機的平面,通常含有使用一個半透明的紋理。

精靈不會投射任何陰影,即使設置了

castShadow = true

也將不會有任何效果。

代碼示例

const map = new THREE.TextureLoader().load( "sprite.png" );
const material = new THREE.SpriteMaterial( { map: map } );

const sprite = new THREE.Sprite( material );
scene.add( sprite );

構造器

Sprite( material : Material )

material - (可選值)是SpriteMaterial的一個實例。 默認值是一個白色的SpriteMaterial。

創(chuàng)建一個新的Sprite。

屬性

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

.isSprite : Boolean

只讀標志,用于檢查給定對象是否為 Sprite 類型。

.material : SpriteMaterial

SpriteMaterial的一個實例,定義了這個對象的外觀。默認值是一個白色的SpriteMaterial。

.center : Vector2

這個精靈的錨點,也就是精靈旋轉時,圍繞著旋轉的點。當值為(0.5,0.5)時,對應著這個精靈的中心點;當值為(0,0)時,對應著這個精靈左下角的點。其默認值是(0.5,0.5)。

方法

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

.clone () : Sprite

返回當前Sprite對象的一個克隆及其任何后代。

.copy ( sprite : Sprite ) : this

將前一個Sprite對象的屬性復制給當前的這個對象。

.raycast ( raycaster : Raycaster, intersects : Array ) : undefined

在投射的光線和精靈之前產(chǎn)生交互。Raycaster.intersectObject將會調用這個方法。 在對sprite進行射線投射之前,射線投射必須通過調用Raycaster.setFromCamera()來初始化。

源代碼

src/objects/Sprite.js


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號