//#Processing
int i,s,n=900;float p[][]=new float[n][4],x,y,d,e,f,g,t;void setup(){size(800,800);for(i=0;i<n;i++){p[i][2]=1-random(2);p[i][3]=1-random(2);}}void draw(){stroke(-1);background(0);for(i=0;i<n;i++){x=y=0;for(s=0;s<n;s++)if(i!=s&(d=dist(p[i][0],p[i][1],p[s][0]
//cont.

Physical, Procedural Auroras running at nearly 60fps in Cycles! (Also paired with my own custom sky tool)

Sky Plus is by far my most proud, and complex 3D project ever! And it comes out for sale this weekend!🥰
(wait for the end!)

#b3d #blender3d #blender

Craft an animated #gradient with #webgl
Designer: Can you add GUI controls for playing with colors?
Me: Sure!
Designer: …and animations…
*Blinking
Me: Here’s gradient tool with 50+ controls for everything
Play with it & share your favs:
#threejs #shaders

Kicking off a new Threejs project today! The client gave the green light to share progress. 🙌

Today I was experimenting with flow-directed noise; spent a few hours wiring up the workflow. iterating on style tomorrow.

We're not entering a golden age of design. 
We're entering an age of visual noise—generated, templated, forgettable.

Many of you asked what software I used for that metaballs GIF. It's a custom UI made with @py5coding, a version of Processing for Python 3.9+.

It’s incredibly handy for building visual experiments while taking full advantage of the Python ecosystem.

Five creative coders using <n>p5.js</n>, including <n>amir zolfaqari</n> and <n>Joshua Davis</n>. By <n>Rodeo</n>.

lost to wonder on the local daily commute

hop on, enjoy the skies today :)

"Storm" in 238 bytes:

for(float i,z,d,s;i++<1e2;o+=vec4(.2/d,9,2,1)/d){vec3 p=z*normalize(FC.rgb*2.-r.xyy),a=p;p.z+=7.;s=length(p);
for(d=0.;d++<9.;a+=sin(a*d-t).yzx/d);
z+=d=length(vec4(sin(s+s-t/.1+a*sin(a.yzx/3.+t))+.9,min(s-=4.,-s/.1)*.4))*.1;}
o=tanh(o/8e3);

//#Processing
float i,m,n,t;
void setup(){
size(800,800,P3D);
}
void draw(){
background(#FFBBAA);
stroke(30);
fill(#FF0000);
camera(400*sin(t),400*cos(t),200*cos(t)+300,0,0,0,0,0,-1);
for(i=0;i<4;i++){
a(99);
rotate(PI/2);
}
t+=.004;
}
void a(float d){
if(d>9){
push();
//cont.

a=(x,y,d=mag(k=(4+cos(x/9-t))*cos(x/30),e=y/7-13)+sin(y/99+t/2)-4)=>point((q=3*sin(k*2)+sin(y/29)*k*(9+2*sin(cos(e)*9-d*4+t)))+40*cos(c=d-t)+200,q*sin(c)+d*35)
t=0,draw=$=>{t||createCanvas(w=400,w);background(9).stroke(w,96);for(t+=PI/120,i=1e4;i--;)a(i,i/235)}#つぶやきProcessing

A p5.js visualisation using 1200 plus particles that use steering behaviours to form various geometric forms. Clicking the button triggers a smooth, flowing morphing transition between the figures.
Live demo and code:

"Quasar 2"
for(float i,z,d,s;i++<7e1;o+=vec4(z,2,s,1)/s/d)
{vec3 p=z*normalize(FC.rgb*2.-r.xyy),a;p.z+=9.;a=mix(dot(a-=.57,p)*a,p,cos(s-=t))-sin(s)*cross(a,p);s=sqrt(length(a.xz-a.y));
for(d=1.;d++<9.;a+=sin(a*d-t).yzx/d);z+=d=length(sin(a)+dot(a,a/a)*.2)*s/2e1;}
o=tanh(o/2e3);

This portfolio’s too clean to not blow up.

Built with Three.js and glsl shaders, this interactive particle animation creates glowing formations that shift between a sphere, vortex, and nebula. Users can toggle trails, glow, and colour from a cybernetic control panel.
Live demo and code:

lma