#つぶやきProcessing 2020年6月まとめ

2020年7月14日

つぶやきProcessingのまとめ

先月に引き続きarc()を進めつつ、tan()とsin()を使った表現を探ったり、後半は再帰を使った表現を進めました。

途中、Processingの生みの親の一人であるBen Fry氏に作品を観ていただけたので嬉しい限りです。

This account was just brought to my attention and now I've lost part of my afternoon 👏🧡

Lots more fun to be found at #つぶやきProcessing https://t.co/OXa8giomJa
— Ben Fry (@ben_fry) June 27, 2020

Processingの生みの親の一人であるBen Fry氏に観ていただけたようなのでとても感激。

float t,r,D;
void setup(){size(720,720);colorMode(HSB);}
void draw(){
clear();
t+=.01;
for(r=990;r>0;r-=20){
fill(r%255,192,255,64);
arc(360,360,r*sin(t+r*4),r,D=r%30/9*t+r,D+PI/2);
fill(0,99);
arc(360,360,r*sin(t+r*4)*.9,r*.9,D,D+PI/2);
}
}#つぶやきProcessing pic.twitter.com/sLse4T9Yah
— はぅ君 (@Hau_kun) June 1, 2020

arc()を重ねて、立体感も出るようにして回転してみたモノ。

float x,y,r,t;
void setup(){size(720,720);clear();colorMode(HSB);}
void draw(){
t++;r+=PI/32;
arc(x+360,y+360,70,70,r,r+.1);
if(t%24==0&&random(1)<.8){
fill(0,6);square(0,0,721);fill(random(255),99,255,99);
x+=cos(r)*70;y+=sin(r)*70;r+=PI;}
if(t>479)x=y=t=0;
}#つぶやきProcessing pic.twitter.com/G0Kd7ytdRK
— はぅ君 (@Hau_kun) June 2, 2020

arc()を順々に描いていくことで模様を描いてみたモノ。

float t,x,y,X,Y,A;
void setup(){size(720,720);}
void draw(){
clear();
t+=.05;
for(y=0;y<960;y+=80){
for(x=0;x<800;x+=80){
arc(x,(((X=x/8)+t*10)%160)+y+pow(sin((Y=y/80)*PI+t+X),3)*20-160,60,80,Y*PI+(A=sin(t+X)*PI/4*3+PI/4),Y*PI+PI*1.5+A);
}
}
}#つぶやきProcessing pic.twitter.com/FSiVJgRQrc
— はぅ君 (@Hau_kun) June 3, 2020

互いに噛み合うarc()を描いてみたモノ。計算を合わせるのが大変だった…。

float t,x,y,T,P,H;
void setup(){size(720,720);}
void draw(){
clear();
t+=.2;
for(y=0;y<960;y+=60){
for(x=0;x<960;x+=60){
arc(x+(T=pow(sin((t+x/4+y/2)/60*TAU),3))*60-120,y+T*120+y%120-120,60,60,(H=T*PI/2)+PI/4+(P=y/60*PI),H+PI/4*3+P);
}
}
}#つぶやきProcessing pic.twitter.com/bzb3S9wW4M
— はぅ君 (@Hau_kun) June 4, 2020

四等分されたarc()が合わさって円を作っていくモノ。

float t,r,T;
void setup(){size(720,720);noStroke();colorMode(HSB);}
void draw(){
clear();
t+=.01;
for(r=TAU*3;r>0;r-=PI/16){
fill(r*15,192,255-r*10,192-r*10);
arc(360+(T=tan(t+r*.2))*cos(t)*90,360+T*sin(t)*90,500-r*30,500-r*30,t+r,t+r+PI/8);
}
}#つぶやきProcessing pic.twitter.com/21GQzvHIAO
— はぅ君 (@Hau_kun) June 5, 2020

arc()を重ねて動かし、螺旋階段のような効果を出してみたモノ。

float t,r,d,P=PI/96;
void setup(){size(720,720);colorMode(HSB);}
void draw(){
clear();
t+=.01;
for(d=0;d<TAU;d+=TAU/3)
for(r=0;r<TAU;r+=P){
fill(d*40+40,255,255);
arc(360+cos(d+r)*sin(r+t)*300,360+sin(d-r)*sin(r-t)*300,90,90,d+t+r-P,d+t+r+P);
}
}#つぶやきProcessing pic.twitter.com/mV0rWDGX56
— はぅ君 (@Hau_kun) June 6, 2020

細長いarc()を使ってリングを創ってみたモノ。arc()は回転のためのrotate()が不要なのが便利。

float t,r,T,R,S;
void setup(){size(720,720);colorMode(HSB);}
void draw(){clear();t+=.005;for(float r=0;r<TAU*9;r+=.02){fill((r*r)%255,255-r*3,255,255-(T=abs(tan(t+r)))*30);arc(cos(r*3+t)*T*r*9+360,cos(t*2-r)*tan(t*2-r)*r*9+360,S=TAU*9*T,S,R=t+r*r,R+PI/32);}}#つぶやきProcessing pic.twitter.com/wyoHZHz97e
— はぅ君 (@Hau_kun) June 7, 2020

arc()をtan()でいい感じに動かしてみたモノ。透明度を入れているので立体感も出ていい感じ。

float r,R,S,P,L;
size(720,720);
clear();
for(r=TAU*9;r>-TAU*5;r-=.005){
fill(r>0?64:r*r/5,abs(r)*5,r>0?32:255+r);
arc(cos(R=r>0?r*r:r)*r*(L=r>0?7:sin(r*8)*r/4)+360,sin(R)*r*(L)+360,S=r>0?r:r*r/8,S,P=pow(r,r>0?1:2)/(r>0?3:1),P+PI/32);
}#つぶやきProcessing pic.twitter.com/zzZFdwmzWc
— はぅ君 (@Hau_kun) June 8, 2020

アルキメデスの螺旋上にarc()を並べて花を描いてみたモノ。

float t,r,C,S,R=TAU/3;
void setup(){size(720,720);noStroke();colorMode(HSB);}
void draw(){
clear();
t+=.004;
for(r=0;r<TAU*9;r+=.02){
fill((r*r)%255,255,255,255-(S=pow(sin(5*r+t),6)*255));
arc(sin(4*r+t)*r*9+360,tan(r)*r*9+360,S/4,S/4,t+r,t+r+R);
}
}#つぶやきProcessing pic.twitter.com/G9IgHAF9kR
— はぅ君 (@Hau_kun) June 9, 2020

arc()を並べて回転する渦みたいなものを描いてみたモノ。

float t,r,S,R;
void setup(){size(720,720);noStroke();colorMode(HSB);}
void draw(){
clear();
t+=.002;
for(r=0;r<TAU*9;r+=.01){
fill((r*r*r)%255,192,255,255-(S=pow(sin(r+t),8)*255));
circle(tan(r+t)*r*9+cos(R=r*r+t)*90+360,cos(r%TAU+t)*r*9+sin(R)*90+360,S/6);
}}#つぶやきProcessing pic.twitter.com/XKxLnFnJJD
— はぅ君 (@Hau_kun) June 10, 2020

tan()で導かれる座標と透明度を駆使して幻想的なパーティクルを描いてみたモノ。

float t,r,d,P;
void setup(){size(720,720);noStroke();colorMode(HSB);}
void draw(){
clear();
t+=.004;
for(d=0;d<360;d+=30)
for(r=0;r<TAU;r+=.01){
fill((r*d)%255,192,255,255-(P=pow(sin(r*d+t),8))*255);
circle(tan(r/5*cos(t+r+d))*d+360,sin(t-r+d)*d+360,P*d/9);
}}#つぶやきProcessing pic.twitter.com/8WFPkWoHA6
— はぅ君 (@Hau_kun) June 11, 2020

色と位置を調整してカラービーズのようなモノを描いてみたモノ。

float r,d,t,P;
void setup(){size(720,720);noStroke();colorMode(HSB);}
void draw(){
clear();
t+=.004;
for(d=1;d<361;d+=30)
for(r=0;r<TAU;r+=.01){
fill((r*d)%255,192,255,255-(P=sq(tan(r*r/9-t))));
circle(tan(r+t+d)*d+360,sin(r+d+t*2)*d+360,P/9);
}
}#つぶやきProcessing pic.twitter.com/1yJ2yzsKIJ
— はぅ君 (@Hau_kun) June 13, 2020

通常円を描く際は「cos()とsin()」を使うけど、ここで「tan()とsin()」を使うといい感じの交差が描かれるので、いろいろ実験してみたモノ。

float r,d,t,N;
void setup(){size(720,720);stroke(-1);fill(0,4);}
void draw(){
square(0,0,721);
t+=.01;
for(d=0;d<7;d++)
for(r=0;r<PI/4;r+=.01)
circle(pow(cos(r*r+t+(N=noise(r,d,t*.01)*9)),3)*cos(t)*360+360,pow(sin(r*r+t-N),3)*sin(t)*360+360,1);
}#つぶやきProcessing pic.twitter.com/8rb1nIAq3b
— はぅ君 (@Hau_kun) June 14, 2020

無性にパーティクルが書きたくて書いてみたモノ。

float t,x,y,r;
void setup(){size(720,720);noFill();colorMode(HSB);strokeWeight(4);}
void draw(){
clear();
t+=.01;
for(r=0;r<TAU*9;r+=.01){
stroke((r*r)%255,255,255,99);
arc(cos(r*r)*99+360,sin(r*r)*99+360,tan(r+t)*r*9,sin(r-t)*r*9,r*r,r*r+PI/6);
}
}#つぶやきProcessing pic.twitter.com/ani5L5e9mR
— はぅ君 (@Hau_kun) June 15, 2020

arc()の線を並べて伸縮する何かを描いてみたモノ。

float t;
void setup(){size(720,720);stroke(-1);}
void draw(){
clear();
t+=.01;
f(0,0,1,270,7);
}
void f(float x,float y,float r,float d,float a){
if(d>3){
line(x,y,x+=cos(r)*d,y+=sin(r)*d);
f(x,y,r+PI/2,d*.7,a+1);
f(x,y,r-PI/a,d*.72,a+sin(d+t));
}
}#つぶやきProcessing pic.twitter.com/hFGpHFD71F
— はぅ君 (@Hau_kun) June 16, 2020

再帰で二分木を描く際、二つの角度を変えてみたらいい感じの模様になったモノ。

float t,r;
void setup(){size(720,720);stroke(-1);}
void draw(){
clear();
t+=.01;
for(r=0;r<6;r++)
f(360,360,PI/3*r,99);
}
void f(float x,float y,float r,float d){if(d>5){line(x,y,x+=cos(r)*d,y+=sin(r)*d);f(x,y,cos(t)+r+PI/2,d*.7);f(x,y,sin(t)+r-PI/7,d*.72);}}#つぶやきProcessing pic.twitter.com/kwnpiL4HQa
— はぅ君 (@Hau_kun) June 18, 2020

再帰で線を描いてみたモノ。

void setup(){
size(3840,3840);
stroke(-1);
clear();
for(int i=1;i<9;i++)
f(1920,1920,i*PI/4,600,i);
}
void f(float x,float y,float r,float d,int i){
if(d>2){
line(x,y,x+=cos(r)*d,y+=sin(r)*d);
f(x,y,r+PI/2-i*.3,d*.7,i);
f(x,y,r-PI/9+i*.3,d*.7,-i);
}
}#つぶやきProcessing pic.twitter.com/4cVVxswmJY
— はぅ君 (@Hau_kun) June 19, 2020

再帰でいろいろ実験してみたモノ。

float r,t;
void setup(){size(720,720);colorMode(HSB,9);}void draw(){clear();t+=.01;for(r=0;r<6;r++)f(360,360,r,1);}void f(float x,float y,float i,float d){if(d<9){stroke((d*i)%9,7,9);line(x,y,x+=cos(i+d)*150/d,y+=sin(i+d)*150/d);f(x,y,i+t,++d);f(y,x,-i-t,d);}}#つぶやきProcessing pic.twitter.com/ZkVtqQig3A
— はぅ君 (@Hau_kun) June 20, 2020

再帰で描く線に色を付けてみたモノ。

float r,t;
void setup(){size(720,720);stroke(-1,72);}
void draw(){
clear();
t+=.003;
for(r=0;r<7;r+=PI/3)
f(360,360,r,160);
}
void f(float x,float y,float r,float d){
if(d>9){
line(x,y,x+=cos(r)*d,y+=sin(r)*d);
f(x,y,r+d+t,d/1.3);
f(x,y,r-d-t,d/1.3);
}
}#つぶやきProcessing pic.twitter.com/Du5ALIszeF
— はぅ君 (@Hau_kun) June 21, 2020

再帰で線を描いていくモノ。アニメーションさせたらいい感じになった。

float r,t;
void setup(){size(720,720);stroke(-1);}
void draw(){
clear();
t+=.003;
for(r=0;r<6;r+=PI/4)
f(360,360,r,120);
}
void f(float x,float y,float r,float d){
if(d>3){
line(x,y,x+=cos(r)*d,y-=sin(r)*d);
f(x,y,r+y/99+t,d/1.5);
f(x,y,r-y/99-t,d/1.5);
}
}#つぶやきProcessing pic.twitter.com/mfBmtVk7VS
— はぅ君 (@Hau_kun) June 22, 2020

再帰のパラメーターに座標を使ってみたら面白い動きになったもの。
いいねが1000を越えて嬉しい。

float t,r;
void setup(){size(720,720);stroke(-1);}
void draw(){
clear();
t+=.001;
for(r=0;r<6;r+=PI/6)
f(360,360,r,200);
}
void f(float x,float y,float r,float d){
if(d>2){
line(x,y,x+=tan(r+t)/2*d,y+=sin(r-t)*d);
f(x,y,r+t,d/1.6);
f(x,y,r-t,d/1.6);
}
}#つぶやきProcessing pic.twitter.com/DgP69TstiF
— はぅ君 (@Hau_kun) June 23, 2020

再帰の座標計算にtan()を導入してみたモノ。

float r,i=PI/2;
void setup(){size(720,720);clear();for(r=0;r<TAU*9;r+=.3)f(cos(r)*r*9+360,sin(r)*r*9+360,r+(i*=-1),r);}
void f(float x,float y,float r,float d){if(d>1){line(x,y,x+=cos(r)*d,y+=sin(r)*d);stroke(r,255,r);f(x,y,r+PI/4,d*.65);f(x,y,r-PI/5,d*.65);}}#つぶやきProcessing pic.twitter.com/IXaMm2g2dc
— はぅ君 (@Hau_kun) June 24, 2020

再帰で植物の細胞みたいなものを描いてみたモノ。

float r,t;
void setup(){size(720,720);stroke(-1);}void draw(){clear();t+=.003;for(r=0;r<6;r+=PI/3)f(360,360,r,110);}void f(float x,float y,float r,float d){if(d>3){line(x,y,x+=cos(r)*d,y+=sin(r)*d);f(x,y,r+y/99-sin(r+t)+t,d*.7);f(x,y,r-y/99+sin(r-t)-t,d*.7);}}#つぶやきProcessing pic.twitter.com/Bp8OfJnJ70
— はぅ君 (@Hau_kun) June 25, 2020

再帰に座標を使うもので先日とは異なるパターンにしてみたモノ。

float r,t;
void setup(){size(720,720);noFill();}
void draw(){
background(-1);
t+=.003;
for(r=0;r<TAU;r+=PI/2)
f(360,360,r,99);
}
void f(float x,float y,float r,float d){
if(d>9){
circle(x+=cos(r)*d,y+=sin(r)*d,d/4);
f(x,y,r+d+t,d*.8);
f(x,y,r-d-t,d*.8);
}
}#つぶやきProcessing pic.twitter.com/R4b0x5JAPs
— はぅ君 (@Hau_kun) June 26, 2020

再帰で円を描いてみたモノ。

float t,r;
void setup(){size(720,720);noStroke();}
void draw(){
clear();
t+=.003;
for(r=0;r<6;r+=PI/2.5)
f(360,360,r,99);
}
void f(float x,float y,float r,float d){
if(d>5){
circle(x+=cos(r)*d,y+=sin(r)*d,d/9);
f(x,y,r+d*d+t,d*.8);
f(x,y,r-d*d-t,d*.8);
}
}#つぶやきProcessing pic.twitter.com/FQ97LJdd3m
— はぅ君 (@Hau_kun) June 27, 2020

引き続き、再帰で円を描いてみたモノ。

float r,t;
void setup(){size(720,720);stroke(-1);}
void draw(){
clear();
t+=.003;
for(r=0;r<TAU;r+=PI/5)
f(360,360,r,126);
}
void f(float x,float y,float r,float d){
if(d>3){line(x,y,x+=cos(r)*d,y+=sin(r)*d);
f(x,y,r+tan(d)+t,d*.7);
f(x,y,r-tan(d)-t,d*.7);
}
}#つぶやきProcessing pic.twitter.com/A4nU7BlraP
— はぅ君 (@Hau_kun) June 28, 2020

引き続き、再帰で線を描いてみたモノ。

float r,t;
void setup(){size(720,720);}
void draw(){
clear();
t+=.003;
for(r=0;r<TAU;r+=PI/4)f(360,360,r-t,99*sq(cos(r)-sin(r)));
}
void f(float x,float y,float r,float d){if(d>9){circle(x+=cos(r)*d,y+=sin(r)*d,d/2);f(x,y,r+d/99+t,d*.7);f(x,y,r-d/99-t,d*.7);}}#つぶやきProcessing pic.twitter.com/2h6jZzklgR
— はぅ君 (@Hau_kun) June 29, 2020

再帰で円を描いてみたモノ。パラメーターをいつもとは少し変えて動きに変化をつけている。

float t,r;void setup(){size(720,720);}void draw(){background(-1);t+=.003;for(r=0;r++<4;)f(360,360,r*PI/2,99,sin(t)*5);}void f(float x,float y,float r,float d,float a){if(d>9){line(x,y,x+=cos(r)*d,y+=sin(r)*d);f(x,y,r+d+t,d*.8+a,a/2);f(x,y,r-d-t,d*.8+a,a/2);}}#つぶやきProcessing pic.twitter.com/OXNPhR66R2
— はぅ君 (@Hau_kun) June 30, 2020

再帰で線を描いてみたモノ。パラメーターを増やして動きを変えてみた。

コメントするコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

#つぶやきProcessing 2020年6月まとめ

関連

コメント

コメントする コメントをキャンセル

コメントするコメントをキャンセル