Threepp.Path¶
2Dパス
複数のカーブを組み合わせた2Dパスを作成します。 Canvas API と同様のメソッドで描画できます。
メンバー一覧¶
コンストラクタ¶
プロパティ¶
メソッド¶
- getLength
- getPoint
- getPointAt
- moveTo
- lineTo
- quadraticCurveTo
- bezierCurveTo
- arc
- absarc
- absellipse
- splineThru
- closePath
Path¶
コンストラクタ
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
points |
|
初期点の配列（省略可） |
解説
コンストラクタ
autoClose¶
プロパティ \ アクセス: r/w
解説
パスを自動的に閉じるか
currentPoint¶
プロパティ \ アクセス: r/w
解説
現在のペン位置（読み取り専用）
getLength¶
メソッド
解説
パスの全長を取得
getPoint¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
t |
|
解説
パラメータ t (0-1) の点を取得
getPointAt¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
u |
|
解説
等間隔パラメータ u の点を取得
moveTo¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
x |
|
|
y |
|
解説
ペンを移動
lineTo¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
x |
|
|
y |
|
解説
直線を描画
quadraticCurveTo¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
cpX |
|
|
cpY |
|
|
x |
|
|
y |
|
解説
二次ベジェ曲線を描画
bezierCurveTo¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
cp1x |
|
|
cp1y |
|
|
cp2x |
|
|
cp2y |
|
|
x |
|
|
y |
|
解説
三次ベジェ曲線を描画
arc¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
x |
|
|
y |
|
|
radius |
|
|
startAngle |
|
|
endAngle |
|
|
clockwise |
|
解説
相対位置から円弧を描画
absarc¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
x |
|
|
y |
|
|
radius |
|
|
startAngle |
|
|
endAngle |
|
|
clockwise |
|
解説
絶対位置で円弧を描画
absellipse¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
x |
|
|
y |
|
|
xRadius |
|
|
yRadius |
|
|
startAngle |
|
|
endAngle |
|
|
clockwise |
|
|
rotation |
|
解説
楕円を描画
splineThru¶
メソッド
引数
| 引数 | 既定値 | 説明 |
|---|---|---|
points |
|
解説
点の配列を通過するスプライン
closePath¶
メソッド
解説
パスを閉じる