Dweets awesomed by u/geb

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/20620 by u/dnmc

function u(t) {

c.width|=0
for(var q=0;q<120;q++)for(var w=0;w<110;w++)
if((V=q|w+t*140)%9)x.fillRect(960+q*(w/9)-w*7,50+w*9,7,9)

Nov 16 2020 7:49 PM UTC

}// 113/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Fastpinski triangle flow #Sierpinski

u/danny@hille.dk

Nice
u/tomxor

Feels like some kind of alien pyramid... ok yeah i've been watching too much startgate

show FPS hide FPS share fullscreen

geb

remix of d/19267 by u/geb

function u(t) {

t||(a=[[]],r=k=0)
a[r][k]=k%r?((a[r-1][k-1]+a[r-1][k])%2):1
a[r][k]&&x.strokeRect(9*k,9*r,9,9)
++k>r&&(a[++r]=[],k=0)
x.drawImage(c,1e3,0)

Nov 16 2020 7:10 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

geb

remix of d/20620 by u/dnmc

function u(t) {

b=199
c.width=b*9
p=0|window.p
p=++p%b
for(q=0;q<b;q++)
for(w=0;w<b;w++)
if(q%p&w%p){
x.fillStyle=R((w+q),t,p)
x.fillRect(9*q,9*w,9,9)}

Nov 16 2020 9:16 AM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#Sierpinski

u/Xen

nice
u/katkip

smooth

show FPS hide FPS share fullscreen

dnmc

function u(t) {

j=this.j||[[0,1080],[960,0],[1920,1080]]
k=this.k||[960,0]
o=j[0^Math.random()*3]
k=[(k[0]+o[0])/2,(k[1]+o[1])/2]
x.fillRect(k[0],k[1],6,6)

Nov 16 2020 4:33 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Slowpinski

show FPS hide FPS share 2 remixes fullscreen

dnmc

function u(t) {

if(!window.p)p=0;
p=++p%150;
c.width=1920
for(q=0;q<192;q++)
for(w=0;w<108;w++)
if((q&w)%p==0){x.fillRect(q*10,w*10,10,10)}

Nov 15 2020 8:39 PM UTC

}// 124/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Sierpinski

u/tomxor

Sierpinski rain! :P

show FPS hide FPS share 2 remixes fullscreen

smtsjhr

remix of d/20615 by u/smtsjhr

function u(t) {

for(c.width|=n=2;n<8;n++)for(i=0|S(t*n/9)*30+30;k=(150+75*C(t*i/99)),i--;)x.lineTo(480*n-1200+k*S(j=i*6.28/n),540-k*C(j+t*n/5));;x.stroke()

Nov 14 2020 10:47 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

smtsjhr

function u(t) {

for(c.width|=n=4;n--;x.stroke())for(i=80;k=(150+80*C(t*i/50))-t%1**i,i--;)x.lineTo(450*n+250+k*S(j=i*6.28/(n+3)),540-k*C(j+t*(n+3)/5))

Nov 14 2020 9:50 PM UTC

}// 134/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

webbed polygons spin themselves

u/katkip

looking nice
u/rodrigo.siqueira

I once made one similar, a "Polygon showcase" from 1 to 8 vertices: https://www.dwitter.net/d/10692
u/smtsjhr

@ u/rodrigo.siqueira very nice and concise! i think maybe there's room there for one more loop to iterate through the "web" like

show FPS hide FPS share fullscreen

meeuw

function u(t) {

d=Math.random;for(i=0;i<2000;i++){h=d()*1920;v=d()*1080;k=(h&v)*20;x.fillStyle=R(k,k,k,1);x.fillRect(h,v,3,3)}

Nov 14 2020 8:15 PM UTC

}// 110/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Sierpiński

u/tomxor

It's fluffy! :D

show FPS hide FPS share fullscreen

geb

function u(t) {

P=Math.PI;c.width=2e3;x.translate(980,450);for(i=-19;i<144;)x.fillStyle=R(i),x.rotate(!(t-=.01)+!(i++%1)*S(t)/10+P),x.fillRect(P,P*i,9,99)

Nov 14 2020 4:40 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

femto113

function u(t) {

c.width=1920
X=960,Y=540,P=Math.PI,N=t/P%32,p=P/N
for(i=0;i<P;i+=p)x.fillRect(X+Y*(S(i+P)-S(i))/2*S(t+i),Y+Y*(C(i+P)-C(i))/2*S(t+i),19,19)

Nov 14 2020 8:31 AM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

linear motion rolling circle illusion

u/katkip

#illusion
u/DataMeta

nicely done
u/pavel

If you delete c.width=1920 you can see only the first dot move linearly
u/femto113

curves are a side effect of changing N with t, if you use a fixed value like N=16 you get straight lines

dwitter.net | geb (18677)