Top dweets by u/joeytwiddle

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

joeytwiddle

remix of d/7597 by u/joeytwiddle

function u(t) {

for(c.width|=i=192;i--;x.fillRect(940+n*9*S(a=i%6*1.04+S(p)/5+t),520+n*9*C(a),n,n))n=((j=i/6)%16)**2/5,x.globalAlpha=.5+C(p=j*.6+t*6)/2

Apr 7 2018 6:14 PM UTC

}// 135/140

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

Spiral starfish. Change +t to -t and watch its feet

u/joeytwiddle

Dropped a for thanks to u/New_Core

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/29326 by u/rodrigo.siqueira

function u(t) {

for(c.width=960,A=X=Y=i=3e4,x.globalAlpha=0.2;i--;x.fillRect(X*50+9*Y+280,Y*15+280,2,2))k=i%2+1,Y=(i/Y&8)+Y/2-X,X+=S(Y/3+X/S(t*1.3)/6+t)+Y/t

Jan 28 2024 12:36 PM UTC

}// 140/140

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

We can remove some code: Use .5,1 instead of 2,2 and then remove the globalAlpha

u/_louis

insane... *o*
u/cantelope

come back to our dimension bro

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

for(i=c.width=1e3;i--;x.fillRect(512+50*X/Z,99*(3+S(2*Z-t)+C(X/3+t))/Z,W=(6+F*6)/Z,W))X=i%32-16,Z=i/256,F=(Z-1.5-C(t))**2,x.globalAlpha=.2/F

Feb 5 2023 3:56 AM UTC

}// 140/140

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

more fun with #focus aka #depthoffield

u/Joachim

Wow!!! This is amazing! #blur #d3 #perspective
u/danny@hille.dk

LOVE IT!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/3598 by u/joeytwiddle

function u(t) {

r=Math.random;if(t%2<.7){c.width=199
for(X=55;X<137;X++)~X&64||r()<.5?x.fillRect(X,9,1,78):0
x.fillText(Object.keys(this)[r()*215|0],55,99)}

Jan 22 2022 2:11 PM UTC

}// 140/140

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

Little #barcode remix

u/joeytwiddle

2024/11/18: Object.keys(window).length === 256 on Firefox (249 in Chrome)

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7579 by u/yonatan

function u(t) {

c.width|=0;x.globalAlpha=.2;for(i=1782;i--;)l=i/22%9|0,x.fillRect(540+l*99-40*T(m=3*t+i/1e5-l/12+i%22/5e2)**3,460+i%22*9-199*S(2*m)**8,50,9)

Apr 5 2018 6:47 AM UTC

}// 140/140

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

Just messing with yonatan's stuff again >_<

u/joeytwiddle

#default
u/iverjo

Nice animation!
u/katkip

Woow
u/joeytwiddle

Oops, speed was supposed to be m=1.2*t

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/26619 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=500;i--;x.clearRect(960+Y*S(a)/2-W/2,140+Y+Y*C(a)/9,W,W))Y=32*i**.5,a=i+2*S(t),W=(5+4*S(8*a*C(i**5)))*(1+C(a))

Dec 18 2023 12:35 AM UTC

}// 140/140

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

Twinkling tree 2023 #christmas #xmas

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2470 by u/joeytwiddle

function u(t) {

for(i=c.width=90;i--;t?x.fillText(T[i],i%4*17,9+10*(i>>2)):T[i]=g=i)onclick=e=>(((h=4*(e.y>>6)+e.x/99|0)-g)**2|17)^17||(T[g]=T[h],T[g=h]='')

Feb 6 2018 9:41 AM UTC

}// 140/140

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

As promised, this version prevents cheating, although there is still one "special move" you can use ;-)

u/joeytwiddle

(The aim of this game is to arrange the numbers vertically)
u/zanella

This is freaking awesome. I'm getting genuinely scared of what can be done here. Sooner or later someone will post a dweet that mines bitcoins.
u/Apex

@zanella that's already possible lol, but Monero to be specific
u/joeytwiddle

#interactive #puzzle #game
u/fujimotos

#playable

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/9734 by u/yonatan

function u(t) {

eval(unescape(escape`挮獴祬攮晩汴敲㴧楮癥牴⠱✻景爨挮睩摴栽欽㌱㘻欭ⴻ砮晩汬剥捴⠱㔷⭘⩃⡴⤫搪匨琩ⰸ㘫爪䌨㐪吩ⱳ㵫⼵〬猩⥔㵫⼴〫琬砮晩汬却祬攽刨爽㐰⬲〪匨吪㌩ⱘ㵲⩓⠴⩔⤬搽㘰⩃⡔⨳⤬⸷⬨堪匨琩ⵤ⩃⡴⤩⼹㤩`.replace(/u(..)/g,"$1%")))

Sep 11 2018 4:45 AM UTC

}// 139/140

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

#knot quite a remix

u/joeytwiddle

The green and purple shades appeared accidentally when I put code inside R(_,_,_)
u/donbright

i can follow it,, really cool

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27534 by u/rodrigo.siqueira

function u(t) {

for(c.width|=c.style.filter='blur(4vh)invert(',i=3e3;i--;x.fillRect(960+T(p=T(i))/Z,540+C(p)/Z,K=30*T(t/9),K))Z=T(i*i)/(P=(i-S(t/9)*t)%9)**4

May 25 2023 8:05 PM UTC

}// 140/140

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

Formation and dispersal (remix)

u/Xen

#FarTooSexy
u/rodrigo.siqueira

This is hypnotic and mesmerizing. I use fullscreen to enjoy the relaxing effect.
u/andrea270872

I feel like I'm going to Warp speed! Very cool

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/26971 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,2e3,1080)
for(j=9;j--;)for(i=99;i--;)W=50-i/2,x.clearRect(550+j*99+S(t)*300+i/4*S((5+j)*i*i-t*3)-W/2,i?610+2*i:400,W,i?1:200)

Jan 29 2023 1:44 PM UTC

}// 140/140

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

#default reflected in rippling #water (night, redux)

u/joeytwiddle

This is more efficient than fillRect() but it's too long! c.width|=c.style.filter='invert(100%)' (This way, we also need to change clearRect into fillRect)
u/magna

c.style.filter='invert(' suffices since browsers are notoriously forgiving

dwitter.net | joeytwiddle (2443)