|
|
@@ -140,7 +140,7 @@ const m5 = new THREE.MeshBasicMaterial({color: 'hsl(0,100%,50%)'); // red
|
|
|
|
|
|
|
|
|
`MeshToonMaterial`は`MeshPhongMaterial`に似ていますが、一点大きな違いがあります。
|
|
|
-連続的にシェーディングするのではなく、グラデーションマップ（X×1のテクスチャー）を使ってシェーディングの方法を決めます。
|
|
|
+連続的にシェーディングするのではなく、グラデーションマップ（X×1のテクスチャ）を使ってシェーディングの方法を決めます。
|
|
|
デフォルトは明るさの始まりが70%、終わりが100%のグラデーションマップを適用しますが、自分で決めたグラデーションマップを適用することもできます。
|
|
|
これにより、まるでアニメのようなツートーンになります。
|
|
|
|
|
|
@@ -267,8 +267,8 @@ threeで描写されるほとんどの3Dオブジェクトは、たぶん不透
|
|
|
</div>
|
|
|
|
|
|
マテリアルについては、本当にたくさん考えることがあり、実際にはもっとたくさんの説明したいパラメータがあります。
|
|
|
-特に、私たちは多くのオプションの話につながる、テクスチャーをほとんど無視していました。
|
|
|
-テクスチャーを説明する前に、休憩を取って、[開発環境のセットアップ](threejs-setup.html)を説明する必要があります。
|
|
|
+特に、私たちは多くのオプションの話につながる、テクスチャをほとんど無視していました。
|
|
|
+テクスチャを説明する前に、休憩を取って、[開発環境のセットアップ](threejs-setup.html)を説明する必要があります。
|
|
|
|
|
|
|
|
|
<div class="threejs_bottombar">
|
|
|
@@ -285,19 +285,19 @@ Three.jsはマテリアルが"使われた"ときに設定を適用します。
|
|
|
</p>
|
|
|
<ul>
|
|
|
<li><code>flatShading</code></li>
|
|
|
- <li>テクスチャーの追加や削除
|
|
|
+ <li>テクスチャの追加や削除
|
|
|
<p>
|
|
|
- テクスチャーの変更はOKですが、テクスチャーを使わない状態から使う状態に変更したり、
|
|
|
- テクスチャーを使っている状態から使わない状態に変更したいとすると、
|
|
|
+ テクスチャの変更はOKですが、テクスチャを使わない状態から使う状態に変更したり、
|
|
|
+ テクスチャを使っている状態から使わない状態に変更したいとすると、
|
|
|
<code>needsUpdate = true</code>を設定する必要があります。
|
|
|
</p>
|
|
|
- <p>テクスチャーありからテクスチャーなしに変更するケースでは、
|
|
|
- 1x1ピクセルのホワイトテクスチャーを使うことがよいです。</p>
|
|
|
+ <p>テクスチャありからテクスチャなしに変更するケースでは、
|
|
|
+ 1x1ピクセルのホワイトテクスチャを使うことがよいです。</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<p>この問題は、ほとんどのアプリには関係ありません。
|
|
|
ほとんどのアプリではフラットシェードありとフラットシェードなしを切り替えません。
|
|
|
-また、ほとんどのアプリは、与えられたマテリアルにテクスチャーか固定の色のどちらかを使い、
|
|
|
+また、ほとんどのアプリは、与えられたマテリアルにテクスチャか固定の色のどちらかを使い、
|
|
|
めったに一方からもう一方に切り替えたりしません。
|
|
|
</p>
|
|
|
</div>
|
NayuTS