Follow

a=0
draw=_=>{createCanvas(w=400,w)
a+=TAU/200
c=1+cos(a)/2
s=1+sin(a)/2
for(y=0;y<41;y++)for(x=0;x<41;x++)text(String.fromCodePoint(floor(9472+(noise(50-x*.1,y*.1+s,c)+noise(x*.1+c,y*.1,s))*140)),x*10,y*10);}
//#p5t

· · Web · 1 · 2 · 5

Non-looping version. This one will go forever, but it does not create a nice looping gif.

t=0
draw=_=>{createCanvas(w=400,w)
t+=0.006
for(y=0;y<41;y++)for(x=0;x<41;x++)text(String.fromCodePoint(floor(9472+(noise(50-x*.02,y*.02,t)+noise(t*1.1,x*.1,y*.1))*140)),x*10,y*10);}
//#p5t

I totally forgot that there's a web editor for p5js!

You can run and modify this code here: editor.p5js.org/AndyMakes/sket

Just click the play button to see it in its pure form.

Sign in to participate in the conversation
Mastodon.ART

Mastodon.ART — Your friendly creative home on the Fediverse! Interact with friends and discover new ones, all on a platform that is community-owned and ad-free. Admin: @Curator. Moderators: @EmergencyBattle, @ScribbleAddict, @TapiocaPearl, @Otherbuttons, @katwylder