v(i++)+x
Journey
Generative Asemic Writing
Wikipedia
canvasWidth(w
Catmull-Rom
Malayalam).Actual Malayalam
No matching tags
No matching tags
No matching tags
No matching tags
No matching tags
I made a popular tweet last week in the #つぶやきProcessing circles.j=24,m=0,draw=(a=>{for(v=(i=>w/3*(n=noise)(i)-k),createCanvas(w=1e3,w),noFill(),background('#fd7'),translate(0,m--),i=0,y=0;y<w-m;y+=j)for(x=k=90;x<w-k;x+=9)if(y+k>-m?curve(v(i++)+x,v(i++)+y,x,j+y,x+9,j+y,v(i++)+x,v(i++)+y):i+=4,x+=v(i++)%9,n(x*y)<.13)y+=j});//#つぶやきProcessing pic.twitter.com/WNIwAAAXjQI’ll try to explain how this script worked and how I was able to fit the whole thing into 280 characters.All of this started when last week when I was experimenting with the p5js curve() function. All of these points are offset by a base <x,y> coordinate to place the curve in a line. making the infinite scroll effect work.The 2 loops iterate over x and y, at a constant rate. Which means, y is incremented thrice in that loop and x is reset to a margin value (90).The infinite scroll effect is basically done using translate(0, scrollPosition--).
As said here by