01_2_6 螺旋と面

見る角度によって印象が多様に変化するビジュアル

サンプルコード: sketch_01_2_6

https://gyazo.com/e27cf034574a86d3918109a0e9a48588

面による螺旋の表現

前回のコードに 01_2_4 円環と面の表現を応用してみます。外側の頂点はプロットの座標、内側の頂点はY軸からの距離を一定にした座標です。また、内側の頂点の色は透過させています。

code: sketch_01_2_6.pde

void draw(){

...

beginShape( QUAD_STRIP );

for(int i=0; i<verts.size(); i++){

fill( hue(verts.get(i).cl), saturation(verts.get(i).cl), brightness(verts.get(i).cl), 255*plot_alpha);//外側の頂点の色

vertex( verts.get(i).x, verts.get(i).y, verts.get(i).z);//外側の頂点の座標

fill( hue(verts.get(i).cl), saturation(verts.get(i).cl), brightness(verts.get(i).cl), 0.1*plot_alpha);//内側の頂点の色

vertex( 60 * sin( radians( 360*i/365 )), verts.get(i).y ,60 * cos( radians( 360*i/365 ) )); //内側の頂点の座標

}

endShape();

...

}

Visualization

https://gyazo.com/fc5b8ee773263e1395e9217743eb71dc

https://gyazo.com/8640d0f472e8e018e945d5a55dce79e6

https://gyazo.com/133992b90c5ade91caf3b1f05c67ba6f