Day 4: The next next Fidenza.
Probably my favorite one so far. I was not able to implement Perlin noise so I created my own noise for this.

1 8

本日販売開始!
山古志デジタル村民NFTの第2弾のNFTアート「Generative patterns "NISHIKIGOI"」の制作をさせていただきました。
錦鯉の模様と背景の回転する模様は作品番号ごとに固有になっています。色はランダムです。


https://t.co/W6It9MRbuG

23 110


u=0,draw=r=>{for(u++||createCanvas(a=240,a,WEBGL),clear(T=translate,R=rotateZ),R(1),pointLight(d=30,a,a,0,0,a),i=-5;i<6;i++)for(j=-5;j<9;j++)push(f=i=>constrain((sin(i/2)+4)/a/a*i**3,-PI/2,PI/2)),T(i*d-j*d,i*d+j*d),R(f(u%300/4-36+i+j)),T(-15,-15),pop(box(d))};

9 45

f=0
draw=_=>{f++||createCanvas(W=800,W,WEBGL)
F=fill
C=cylinder
T=translate
Y=rotateY
F`pink`
C(W*2)
stroke`#つぶやきProcessing
Y(f/99)
rotateX(9)
for(i=8;i--;)push(F`pink`),Y(i),scale(9,6,6),T(0,(i*25+f/4)%200-99),C(24,9),F`tan`,T(0,5),C(25,1),T(0,-10),pop(C(25,1))}

4 30


T=0,draw=a=>{for(T||createCanvas(W=400,W,WEBGL),background(c=0),y=-150;y<200;y+=50)for(x=-150;x<200;x+=50)P(x,y,c++);T+=.05},P=(a,r,e)=>{push(),specularMaterial(1),f=T/2-e,translate(a,r,50),pointLight(230,126,34+9*e,a+sin(f)*W,cos(f)*W,-W),pop(sphere(35,W))};

2 29


T=0,draw=a=>{for(T||createCanvas(W=400,W,WEBGL),background(c=0),y=-150;y<200;y+=50)for(x=-150;x<200;x+=50)P(x,y,c++);T+=.05},P=(a,r,e)=>{push(),translate(a,r,50),specularMaterial(1),pointLight(230,126,34+9*e,a+99*sin(T-e/2),r,99*cos(T-e/2)),pop(sphere(35,W))};

3 21


りなちゃんずの庭を以前作りました。
ブラウザで他の人とオンラインで遊べます。再掲です。

このためにWebGL、AWS(サーバサイドソフト)などゼロから勉強しました。

今考えればメタバースみたいなもんですよね。

35 61



🐰うさぎのうさこちゃんのイラスト
👧制服の女の子のイラスト
🌐3D作品
🎮ゲーム作品(webGLでビルドしているので実際に遊べます✨)

を作ってるエンジニア兼デザイナーのNFTクリエイターです❣️❣️🥺

36 110

Today, I made this generative-art using canvas-sketch-cli.
There is a course on abiut creative coding with canvas and webGL and it's really fun ...

2 11

'stuck in the sea, a sea of millions of animals, just twisting and turning and waiting, just like us all'

sea of shapes

1 4

A webGL digital painting, a combination of intention, pattern, and chance.

0 3

SpongeBob Fact: WebGL *cums all over the place* big chungus 🤭

3 3

Crafting Scroll Based Animations in Three.js - https://t.co/TLkVdZ3Igo
Learn how to create a scroll based animation in WebGL with Three.js.

1 1


t=0,draw=a=>{for(t||createCanvas(W=500,W,WEBGL,T=translate),background(0),lights(),i=0;i<350;i+=.1)push(x=250*cos(i)**33),y=150*sin(i)**3,z=(i*(1+17*sin(2e-4*t))+t)%1200,T(x,6*y,z),B(z),T(x,y,-z/2),pop(B("red"));t+=2},B=i=>{fill(i),box(8,1,15,22)}

10 77

今年もあと少しで終わってしまいます。
今年一年たくさんの方々にゲームをプレイしていただけたこと忘れません!
お礼とご挨拶を込めて、ミニゲームを作ってみました。
WebGLのみで、またみじか~いものですが、忙しい年末の気分転換になれば嬉しいです。
https://t.co/SlIDDdIGJu

9 35


s=50,r=0,draw=a=>{for(r||createCanvas(W=500,W,WEBGL),background(136,19,8),i=0;i<121;i++)push(),translate(i%11*s-W/2,floor(i/11)*s-W/2,0),rotateY(i/22+r),rotateX(sin(r/10)/2),fill([0,255][i%2]),box(s,s,1),pop();r+=.05}

4 27