Top dweets this year

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

lonestar108

function u(t) {

for(X=f=c=>Math.random()*3*T(S(t%S(c)+c*(d=r>1||S(t/r))*t%i)),Y=t/8-1.1,i=2e3;i--;x.fillRect(i,t*99,(f(X=i/480-2)*f(Y))*d/2,3))r=T(X*X+Y*Y)

Jun 8 2024 6:45 AM UTC

}// 140/140

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

random

u/_louis

top looks very analogic :-)

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/31916 by u/taupelink

function u(t) {

f=u=>((u%4-2)**2-2-i%2)**2;g=n=>f(X*n/8)+f(Y-Y*n/8)&13;for(i=2e4;i--;x.fillRect(192+8*X,28+8*Y,t<7,g(1)+g(7)==g(2)+g(6)))X=i*t%192,Y=X*i%128

May 29 2024 4:25 PM UTC

}// 140/140

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

d/31930

u/aaaaaz

anylink to understand how does it works ? it looks like Lissajous but superposed
u/taupelink

No links handy, sorry! I can say that this code adapts the concept of signed distance functions. f is a SDF in one dimension, g in two dimensions. g uses binary arithmetic to kind of pick out certain parts of the output of f, and the parameter of g makes it work at different scales.
u/taupelink

Also: If you see a term like "i%2" or "i%3" or "(i&5)" in any of my recent dweets...that tends to superimpose two related-but-different patterns on each other. Which can be hard to make work. I am still experimenting!
u/taupelink

*two or more, depending on the expression

show FPS hide FPS share fullscreen

milesn

function u(t) {

//c.width=1920
for(i=0;i<100;i++)
x.fillRect(i*100+S(t)*300-300,800*C(t),1,200) // draw 50x200 rects

May 24 2024 5:08 PM UTC

}// 100/140

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

u/warbino

awesome!

show FPS hide FPS share fullscreen

DazeWare

remix of d/29288 by u/KilledByAPixel

function u(t) {

x.fillRect(a=z=Y=0,x.globalAlpha=.4,2e3,2e3)
for(X=460,w=1e3;w>0;w-=.1)x.clearRect(X-=S(a+=++z>w?t+C(t*w/999,z=0)/9:0),Y+=C(a),q=w/99,q)

May 23 2024 4:52 AM UTC

}// 136/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

remix of d/31825 by u/KilledByAPixel

function u(t) {

s=t?s/.999:9
for(i=199;i--;)for(j=102;j--;C(t)<(i/9|j/9)%6+1&&x.fillRect((i-99)*s+960,(j-51)*s+540,s,s))x.fillStyle=R(v=(j|i|t*7)%7*t*9,v,v)

May 20 2024 3:14 AM UTC

}// 140/140

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

u/cantelope

um

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

D=(p,q)=>{x.font=q+"px x",x.fillText(p,0,l+=q/1.4)};s=140;D('HARRY, you\'re a king maker',s,l=0);for(i=1;i<99;++i)D('maker',s/=1.1)

May 19 2024 11:40 PM UTC

}// 133/140

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

king maker maker maker...

show FPS hide FPS share 3 remixes fullscreen

taupelink

remix of d/29747 by u/taupelink

function u(t) {

f=(u,m=i&5)=>(m>2?f(u,m*.8)/p-m:u/5%p-p/2)**2;g=_=>f(X)+f(Y)&9;for(i=2e4;i--;x.fillRect(150+18*X,18*Y,t<g(p=3),t<g(p=2)))X=i*i*t%90,Y=X*i%60

May 19 2024 5:08 PM UTC

}// 140/140

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

d/31822

show FPS hide FPS share fullscreen

taupelink

remix of d/31803 by u/taupelink

function u(t) {

f=(u,m=i%5)=>(m?f(u,m-1)-m:u%2-1)**2/2;g=n=>f(X*n/36)+f(Y/n/9)&3;for(i=3e4;i--;x.fillRect(60+5*X,5*Y,g(1)^g(4),t<g(2)))X=i*i*t%360,Y=X*i%216

May 18 2024 7:16 PM UTC

}// 140/140

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

d/31821 Tiles with a charcoal texture

show FPS hide FPS share fullscreen

lewdev

function u(t) {

A="🤜📃✂"
B=300
c.width|=0;x.font="2in'"
for(j=6;j--;)for(i=0;i<2;i++)x.fillText([...A][~~(t+i)%3],(i?t*B%B:B)+j%2*500+B,B/2*(j%2?j-1:j)+B)

May 17 2024 8:22 PM UTC

}// 137/140

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

🤜📃✂ #RockPaperScissors (It didn't turn out as cool as I imagined but it's done)

u/cantelope

😎
u/cantelope

...imagining a remix of this, with other emojis

show FPS hide FPS share fullscreen

MathTechCoach

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<=50;i++){
x.fillStyle=R(20*i,100-i,250-i)
x.fillRect(200*S(2*t)+10*i,20*i,30*i,i/2), t++}

May 17 2024 6:28 PM UTC

}// 133/140

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

Wavy Rectangles

u/warbino

awesome!