Three.js: 粒子と線の不透明度/サイズの調整

私も知りたいです。

geometry.colorsは、頂点を1つずつマッピングする配列です。 したがって、 geometry.vertices[ 1 ]の色を変更する場合は、 geometry.colors[ 1 ]を変更する必要があります。

こんにちはmrdoob。

shape.colors [1]はThree.colorになります。 楽しく色を変えることはできますが、私が知る限り、不透明度の値はそこに保存されていません。 では、どのようにして単一の頂点/線の不透明度を変更できますか？

ええとああ...

これを簡単に行うことはできません。不透明度は要素ごとではなく、マテリアルごとに指定されます。 少し前にColorからアルファを削除しました。

考えられる1つの方法は、カスタム属性とカスタムMeshShaderMaterialすることです。ここでは、4成分の色を使用します。

サイズについても同じですが、現在、デフォルトの属性とマテリアルを使用して、パーティクルごとまたはラインごとにサイズを変更する方法はありません。 サイズに別の属性ストリームが必要になり、これを使用するカスタムマテリアルが必要になります。

Colorからアルファを削除することにした理由を思い出せません...

私も覚えていません、私はこれを見つけることができました：

https://github.com/mrdoob/three.js/commit/dc6e335dc9f7f38f1c79a5a6c112019d6fcce69d

アルファ付きの16進色が問題を引き起こしていたようです。 さて、アセットパイプラインの依存関係が増えると、さらに苦痛になると思います。

頂点ごとに不透明度を指定できると、パーティクルシステムを実行するのに非常に役立ちます。

将来のリリースでこれをサポートする計画はありますか？

ここでの技術的な難しさはわかりません。 直感的には、 geometry.opacityValuesようなものを持つことは、これをサポートするための下位互換性があり、邪魔にならない方法のようです。 頂点の色の場合と同様に、必要がない場合や問題が発生する場合は、このサポートを無効にするグローバルpointsMaterial.vertexOpacityValuesフラグを使用することもできます。

@quyinカスタムShaderMaterialやりたいことができます。 ヘルプが必要な場合は、stackoverflowを参照してください。

@WestLangleyなるほど。 情報をありがとう！

一方で、これがJSで実行できれば、特に私を含め、シェーダー言語に慣れていない人にとっては素晴らしいことです。 でも同じように感謝します！

@quyin http://stackoverflow.com/questions/12337660/three-js-adjusting-opacity-of-individual-particles