three.js ShapePath

2023-02-16 17:33 更新

該類用于轉(zhuǎn)換一系列的形狀為一個Path數(shù)組,例如轉(zhuǎn)換SVG中的Path為three.js中的Path(請參閱下方的example)。

例子

geometry / extrude / shapes2

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

ShapePath( )

創(chuàng)建一個新的ShapePath。和Path不同,因為ShapePath被設(shè)計為在創(chuàng)建之后生成,所以沒有點被傳入到構(gòu)造函數(shù)中。

屬性

.subPaths : Array

Path數(shù)組。

.currentPath : Array

當前將要被生成的路徑。

方法

.moveTo ( x : Float, y : Float ) : this

創(chuàng)建一個新的Path,并在Path上調(diào)用Path.moveTo( x, y )。

.lineTo ( x : Float, y : Float ) : this

這一方法從currentPath(當前路徑)的偏移量創(chuàng)建一條到X和Y的線,并將偏移量更新為X和Y。

.quadraticCurveTo ( cpX : Float, cpY : Float, x : Float, y : Float ) : this

這一方法從currentPath(當前路徑)創(chuàng)建一條到X和Y的二次曲線,cpX和cpY作為控制點, 并將currentPath的偏移量更新為x和y。

.bezierCurveTo ( cp1X : Float, cp1Y : Float, cp2X : Float, cp2Y : Float, x : Float, y : Float ) : this

這一方法從currentPath(當前路徑)的偏移量創(chuàng)建一條到X和Y的貝塞爾曲線, cp1X、cp1Y和cp2X、cp2Y為控制點,并將currentPath的偏移量更新為x和y。

.splineThru ( points : Array ) : this

points - 一個Vector2數(shù)組。

連接一個新的SplineCurve(樣條曲線)到currentPath(當前路徑)。

.toShapes ( isCCW : Boolean ) : Array

isCCW -- 更改實體形狀和孔洞的生成方式。

將subPaths數(shù)組轉(zhuǎn)換為到Shapes數(shù)組。默認情況下,實體形狀按照順時針(CW)來定義,孔洞按照逆時針(CCW)來定義。 如果isCCW被設(shè)置為true,則孔洞和實體形狀的定義將被反轉(zhuǎn)。

源代碼

src/extras/core/Path.js


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號