|
|
@@ -343,12 +343,12 @@ makeXYZGUI(gui, light.position, 'position', updateLight);
|
|
|
|
|
|
## `SpotLight（集中光線）`
|
|
|
|
|
|
-集中光源はコーン形状にライティングする時に効果的です。
|
|
|
-実際は2つのコーン形状があります。外側と内側のコーン形状です。
|
|
|
-内側と外側のコーン形状の間では、ライトは強度のMAX値から0にフェードします。
|
|
|
+集中光源は円錐体にライティングする時に効果的です。
|
|
|
+実際は2つの円錐体があります。外側と内側の円錐体です。
|
|
|
+内側と外側の円錐体の間では、ライトは強度のMAX値から0にフェードします。
|
|
|
|
|
|
`SpotLight` を使うには、平行光源と同じようにターゲットが必要です。
|
|
|
-ライトのコーン形状がターゲットに向かって照らされます。
|
|
|
+ライトの円錐体がターゲットに向かって照らされます。
|
|
|
|
|
|
上記のヘルパーを使って `DirectionalLight` を修正します。
|
|
|
|
|
|
@@ -365,7 +365,7 @@ scene.add(light.target);
|
|
|
scene.add(helper);
|
|
|
```
|
|
|
|
|
|
-集中光源のコーン形状の角度は [`angle`](SpotLight.angle)プロパティでラジアン単位で設定します。
|
|
|
+集中光源の円錐体の角度は [`angle`](SpotLight.angle)プロパティでラジアン単位で設定します。
|
|
|
[テクスチャ記事](threejs-textures.html)の `DegRadHelper` を使い、度数でUIに表示します。
|
|
|
|
|
|
```js
|
|
|
@@ -374,7 +374,7 @@ gui.add(new DegRadHelper(light, 'angle'), 'value', 0, 90).name('angle').onChange
|
|
|
|
|
|
内側の円錐は[`penumbra`](SpotLight.penumbra)プロパティを外側の円錐からの%として設定します。
|
|
|
`penumbra` が1の時、ライトは円錐の中心から外側の円錐に向かってフェードしていきます。
|
|
|
-`penumbra` が5の時、ライトは外側のコーン形状の中心から50%からフェードしていきます。
|
|
|
+`penumbra` が5の時、ライトは外側の円錐体の中心から50%からフェードしていきます。
|
|
|
|
|
|
```js
|
|
|
gui.add(light, 'penumbra', 0, 1, 0.01);
|
|
|
@@ -384,9 +384,9 @@ gui.add(light, 'penumbra', 0, 1, 0.01);
|
|
|
|
|
|
デフォルトの `penumbra` が0の場合、集中光源は非常にシャープなエッジを持っていますが、1 に向けて `penumbra` を調整するとエッジがぼやけます。
|
|
|
|
|
|
-集中光源の*コーン*形状が見えにくいかもしれません。
|
|
|
+集中光源の*円錐体*が見えにくいかもしれません。
|
|
|
その理由は地面にあります。
|
|
|
-距離を5くらいまで縮めると、コーン形状の端が開いているのが見えてきます。
|
|
|
+距離を5くらいまで縮めると、円錐体の端が開いているのが見えてきます。
|
|
|
|
|
|
## `RectAreaLight（矩形光源）`
|
|
|
|
naotaro0123