3js/webGLを学ぶ - 色と透明度

Question

私は、いくつかのコードに潜んでthreejs/webglを学ぶのに最善を尽くしています。

私はocean2シェーダ（https://github.com/mrdoob/three.js/blob/master/examples/webgl_shaders_ocean2.html）

初段ここで使用される色はどのようなもので働いていますか？ HSL

第二

OCEAN_COLOR: new THREE.Vector3(0.004, 0.016, 0.047), 
SKY_COLOR: new THREE.Vector3(3.2, 9.6, 12.8), 

ではありません - それは、こののアルファを変更することは可能でしょうか？

私はこれらがあいまいな質問ですけど、私は日のために研究してきました（ http://maevabarriere.com/installation-comestible）海の下にイメージを持っている、またはこの例で行われるようにすべて一緒にテクスチャを置き換えるために

をしようとしている

答えを見つけることができないように見えるので、正しい方向のポイントさえも高く評価されます。私はこれについてもっと学ぶことに興奮しています！

Answer 1

海洋シェイダーの例を勉強してthree.jsを学んでいるなら、あなたは深いところに飛び込んでいます。この例は、すでにシェーダーとthree.jsに精通しているユーザーに最適です。

SKY_COLORは、この例に固有の高ダイナミックレンジRGBカラーの表現です。

https://github.com/mrdoob/three.js/blob/master/examples/js/shaders/OceanShaders.js

あなたは海が透明になりたい場合は、シェーダをハックする必要があります。

3.jsの色は通常THREE.Colorで表されます。 THREE.Colorにはアルファ成分がありません。

3.jsの不透明度は通常material.opacityで指定されます。

three.js r.75