これまで気が向いたときに３Dモデルについて触っていましたが、VRoid を使ったことがなかったので、モデルを作って Unity に入れるまでやってみます。
かなり前に使った「MakeHuman」っぽいイメージです。
【GLSL】十字パターンを考える２
前回「【GLSL】十字パターンを考える」の続きです。
以下の #つぶやきGLSL の作成ログでもあります（ #18 ）。
#つぶやきGLSL #CROSS#define C(a) q.y a floor(q.x*5.)*.1
vec2 p=FC.xy/r;
float n=1./3.,s=abs(sin(t)),c=abs(cos(t));
for(float i=.0;i<1.8;i+=.3){
vec2 q=p-vec2(n*i,i-.1);
if(C(+)>.0)o.b+=.1*s;
if(C(+)<.0)o.r+=.1*c+.1; q=q.yx;
if(C(-)>.9)o.g+=.15*s;
if(C(-)<.9)o.b+=.15*c+.1;
} pic.twitter.com/35RkAZtUAV— Narumium (@Nr_Narumium) November 30, 2020
【GLSL】十字パターンを考える
クロス♰を敷き詰める模様を書いてみます。
以下の #つぶやきGLSL の作成ログでもあります（ #17 ）。
#つぶやきGLSL#define C(c,k)q=abs((p-vec2(i,j)*.2-.1-a*k)*m);q=(q.y>q.x)?q.yx:q.xy;if(q.x<.06&&q.y<.02)o.c+=.8;
vec2 p=FC.xy/r,a=vec2(.08,.04),q;
mat2 m=mat2(cos(t),sin(t),-sin(t),cos(t));
for(float i=-2.;i<5.;i++)for(float j=-1.;j<5.;j++){
C(rg,0.)C(r,1.)C(g,2.)C(b,3.)C(rgb,4.)} pic.twitter.com/04GQ5tj7zd— Narumium (@Nr_Narumium) November 29, 2020
【GLSL】簡単な境界による色分け
【GLSL】つぶやきGLSL作成ログ#16
ツイッターで書いた以下の #つぶやきGLSL の作成ログ。
『円で円を作る』をもう一段追加してみる。
今回はテーマなく勢いで始めたので短めです。
#つぶやきGLSL#define L(a)length(a)#define M(t)mat2(cos(t),sin(t),-sin(t),cos(t))
void main(){
vec2 p=5.*(gl_FragCoord.xy*2.-r)/r*M(t),f=floor(p)/5.+.1,g=fract(p)-.5,h=fract(g*5.)-.5;g=g*M(-t*2.)+L(f)*.5;
if(L(f)<1.&&L(g)<.5&&L(h)<.4)gl_FragColor=vec4(L(f),L(f.xx),L(g.xx),1);
} pic.twitter.com/NBF4EimNr6— Narumium (@Nr_Narumium) November 26, 2020
【GLSL】つぶやきGLSL作成ログ#15
ツイッターで書いた以下の #つぶやきGLSL の作成ログ。
凄くゆるい花のマークを作りたいと思います。
#つぶやきGLSL #geeker
void main(void){
float N=2.*acos(-1.)/5.,j=N/4.+t,c,y=.4+sin(t)*.1;
vec2 p=(gl_FragCoord.xy*2.-r)/r,m=vec2(.0,.9);
for(int i=0;i<5;i++){
c+=step(length(p-vec2(cos(j),sin(j))*.5),y),j+=N;
}
gl_FragColor.rgb=length(p)<y+.1?m.yyx:m.yxx*c;
} pic.twitter.com/HsOUAFqRwV— Narumium (@Nr_Narumium) November 25, 2020
【TypeScript】gray-matterでsections
gray-matterという便利なライブラリがあります。
「Next.js＋gray-matterのススメ」でも書いたようにコンテンツとコンフィグをまとめて１つのマークダウンにかけるようなやつです。
TypeScript でセクションを使う時に少し困ったのでメモしておきます。
【GLSL】つぶやきGLSL作成ログ#14
ツイッターで書いた以下の #つぶやきGLSL の作成ログ。
四角の動きを表現したい。
#つぶやきGLSL#define B(y).08/length(p-vec2(clamp(cos(y),-.5,.5),clamp(sin(y),-.5,.5))),#define C(y).07/length(p-vec2(cos(2.*y),sin(2.*y))*.25)
vec2 p=(FC.xy*2.-r)/r;
float pi=acos(-1.),a=B(t)b=B(t+pi)c=B(t+pi/2.)d=B(t-pi/2.)e=C(-t),f=C(-t+pi);
o=vec4(a+d+f,b+d+e,c+e+f,1); pic.twitter.com/fibWLBhBqH— Narumium (@Nr_Narumium) November 17, 2020
【GLSL】つぶやきGLSL作成ログ#13
ツイッターで書いた以下の #つぶやきGLSL の作成ログ。
今回タグを入れられなかった。
#define G(n)o.rgb+=m[n]*i/6.;#define C(n)abs(p.x-p.y+i-n)<=.13
mat3 m=mat3(.9);vec2 p=1.5*(FC.xy*2.-r)/r,q;float i,y,a;for(i=0.;i<6.1;i+=.3,y=mod(t,4.)+1.7,a=abs(i-y),q=p){if(C(3.)){if(a<=.6)q=p+.2-a/3.;if(q.x*q.x*q.y*q.y*q.y-pow(dot(q,q)-1.,3.)>0.)G(2)else G(1)}if(C(3.15))G(0)} pic.twitter.com/zO7zSAw7PY— Narumium (@Nr_Narumium) November 14, 2020
【GLSL】つぶやきGLSL作成ログ#12
ツイッターで書いた以下の #つぶやきGLSL の作成ログ。
移動ゲートっぽい感じを書いてみたかった。
#つぶやきGLSL
void main(){
vec2 p=(gl_FragCoord.xy*2.-r)/r;
float h=atan(p.y,p.x),l=length(p);h=floor((h+acos(-1.))*6.)/6.;
gl_FragColor.g=abs(l-(.9-sin(h*9.+t)*.1));
gl_FragColor.b=.03/abs(l-(.7-cos(h*9.+t*2.)*.3));
if(l<.7-(sin(h*9.-t)+cos(h*5.+t))*.1)gl_FragColor.r=.6;
} pic.twitter.com/7IdC6lbcRB— Narumium (@Nr_Narumium) November 13, 2020