4 three.jsの例

図1に示すように、ビデオ直線の100色のグラデーションを、座標(0、0、0、)開始これらの直線は、終点座標を均一から開始および終了色、円500(YOZ平面上の円)の半径を分散します定義。ヒント:これは達成100サイクルの直線です。

コードを開くメイン実験パラメータは以下の通りであります:

機能initObject(){

 VARジオメトリ=新しいTHREE.Geometry();

        VAR材料は、新しいTHREE.LineBasicMaterial({vertexColors:真})=。

VaRのカラー1 =新しいTHREE.Color(0xff00ff); //色の起源

 カラー2 =新しいTHREE.Color(0x00ffff)。 

以下のための式(I = 0、I <100; I ++)

{

                P1 =新しいTHREE.Vector3(0,0,0);点座標を開始//

P2 =  新しいTHREE.Vector3(0、500 * Math.cos(2 *にMath.PI *(I / 100))、500 * Math.sin(2 *にMath.PI *(I / 100)); //终点坐标

                geometry.vertices.push(P1)。

おすすめ

転載: blog.csdn.net/qq_44762986/article/details/104663011