Top dweets of all time

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: #Food

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

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𢰽𞐹𛁥🐨𡀬𠠬𠰩🐾𩑬𫁩𬁳𩐨𢰪𞐫𡀪𢰪𛐨𠐥𝠼𜰿𜐺𛐱𚐬𝐴𜀬𡐽𥰭𛐪𢰬𡐭𢰬𜀬𠐫𠠬𠐫𠰬𠠩𛁚🐮𜰬𠐽𚁴𙐽𦠩𞱁🀶𚱴𞱁𚰽𦠬𬱴𬡯𪱥𚀩𚑢𩑧𪑮𤁡𭁨𚁗🐴𚐬𩐨𜐬𦠬𜀬𩐨𜀬𜀬𦠬𨱬𫱳𩑐𨑴𪀨𩐨𜐬𜀬𦠩𛁥𚀰𛁚𛀰𚐬𥰽𝐩𚐩`.replace(/u../g,'')))

Oct 15 2020 11:09 AM UTC

}// 140/140

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

#tesseract #torus

u/Xen

Nice!
u/magna

canvas.getContext('4d')
u/jellyedwards

Better than my attempt! https://www.dwitter.net/d/19690

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19450 by u/katkip

function u(t) {

c.style='filter:invert(1'
for(A=a=b=i=1e4*(t<4);i--;a=S(b/7)*t+a/2+b*C(a/2)/3,b=b/2+S(A*4)/3,A=a)x.fillRect(a*6e3-2500,2e3-b*3e3,1,3/(1+t))

Jul 21 2020 2:00 PM UTC

}// 139/140

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

Point of Impact #explosion

u/katkip

booom
u/DataMeta

whoa #waitforit
u/sigveseb

Worth the wait!

show FPS hide FPS share 3 remixes fullscreen

bandaloo

remix of d/19215 by u/bandaloo

function u(t) {

for(i=2e3;i--;x.fillStyle=`hsl(${i/9+99*C(t)},90%,${20*~~(1+S(i/20)+T(t+S(t+i/99)))}%`)x.fillRect(i,0,1,1);x.drawImage(c,0,1)

Jun 23 2020 1:06 AM UTC

}// 125/140

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

goo hills

u/Xen

love you style!!!
u/joeytwiddle

#paint
u/magna

Neat!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/18724 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👫👩🐸𜀰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𪰭𬠪𚁩𙐴🰹𞠭𞐩𛁫𚰨𨠿𜐺𚀨𨐽𤰨𪠯𜐹𞐩𚐼𜀿𛑡𞡡𚐪𜠹𛐳𜰩𚡲𛁢🱲𚠱𞐺𬠬𭠿𜠪𬠺𜑥𝀩𚑪👩𚱴𚠱𜠰𯀰𛁸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𨠽𪐥𜠪𪱽𘀤𮱶👪𙐳𜠾𝠿𨠿𞐺𪰺𜁽𙐤𮰡𘑶𚠳𝐫𪐯𞁽𙑠𛁲🐱𩐶𛱩𛱩`.replace(/u../g,'')))

May 21 2020 5: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).

Foggy Bridge 🌉

u/tomxor

Nice! you've really managed to push this technique, I assume it's the same as the city one?
u/aleamb

#bridge #landscape #road
u/KilledByAPixel

thank you, yes all these follow a similar pattern, having fun thinking of new ways to use it

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/18630 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁫👩🐵𞀰𞰭𛑩𞱱𚡭𙐹𯁼𩡩𫁬𚁡𬡣𚁫𚱩𚠲𚰨𬠽𚁱🱭𙐸𚰱𞠲𜠩𚠱𩐴𛱩𚐪𤰨𬐿𫐪👭𞡭𚐬𜠹𞐫𪐫𠰨𫐩𚡲𛁲𛱳𛀰𛁬𪑮𩑗𪑤𭁨🐹𚐩𛁱𙠦𬱴𬡯𪱥𚀩𚑱👩𙐲𛁭👩𚱦𬡡𫑥𚠨𬰽𬐿𞀺𜠩𛁢𩑧𪑮𤁡𭁨𚁦𪑬𫁓𭁹𫁥👒𚁱𚡫𛁱𚡭𙐲𜀰𚱩𛰵𛁩𛱳𚐩`.replace(/u../g,'')))

May 9 2020 4:58 PM UTC

}// 140/140

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

Particle Accelerator ⚡ Mach 2

u/HellMood

the black border and the the blue to yellow/orange contrast makes this. nice!
u/KilledByAPixel

thank you, i tried many things before I settled on that
u/katkip

Fancy!

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪰽𪐽𞐶𜀻𛐭𪐻𮀮𩡩𫁬𚁸𛡡𬡣𚁫𚱩𚱓𚁭👩𚱴𚡫𛰴𚐪𚁲🐨𤰨𭀫𫐯𪰩𚠮𝐫𜐮𝀩𚠱𩐵𛱩𚐬𝐴𜀫𠰨𫐩𚡲𛁳🐴𩐴𛱩𛀰𛀷𛀨𫐽𪐭𭀪𪱼𜀩𙐵𞑼𯁸𛡡𬡣𚁫𚱩𚱓𚁭👭𚠪𝐩𚡲𛰳𛀵𝀰𚱃𚁭𚐪𬠯𜠬𬰽𬠯𞐬𜀬𝰩𚐩𚑸𛡢𩑧𪑮𤁡𭁨𚁸𛡦𪑬𫁓𭁹𫁥👒𚁩𛰴𚐩`.replace(/u../g,'')))

May 6 2020 6:59 AM UTC

}// 140/140

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

Blood #Cavern 🩸

Show more comments…
u/Thom

Amazing
u/magna

Wow
u/joeytwiddle

I see red #blood cells
u/pavel

Your art is awesome Frank
u/KilledByAPixel

Thanks Pavel, you too 😊
u/joeytwiddle

This is great, but your 140 char remix is amazing! d/18638

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/18484 by u/jylikangas

function u(t) {

for(w=i=c.width=256;--i;x.fillRect(...(i&1?[6+X,6+Y,48,36]:[(t+++S(t))*20.372%w+i%9,1+X%w,4,2,x.transform(0,1,-1,0,w,0)])))X=i%9<<6,Y=i%5<<6

Apr 25 2020 11: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).

#City #Traffic #Simulator v2

u/tomxor

They are mostly behaved at the junctions, few maniacs' here and there...
u/KilledByAPixel

👍
u/jylikangas

Very clever to use transform here! Thanks for improving this.
u/tomxor

Thanks for starting the idea, was really fun making this one.

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=-1
for(k=i=150;i--;)x[f="strokeRect"](i%6*64,i/5<<6,-37,i&3?40:20)
for(;i++<k;x.rotate(11/7))x[f]((i*32+t*k)%620-300,(i/2<<5)-k,9,4)

Apr 24 2020 1:34 PM UTC

}// 140/140

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

City Traffic Simulator

u/katkip

#city #simulation
u/tomxor

Nice! deserves some remix :)
u/Xen

nice
u/KilledByAPixel

🚗

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

t>1&&eval('U='+parent[c.style=9*u.r|reset()].u);U(t);if(t%1>.8)for(c.width=128,i=1e4;i--;)x.fillRect(i&127,0|i/120-t*4,1,u.r=Math.random())

Mar 13 2020 1:15 AM UTC

}// 139/140

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

Dwitter Vision

Show more comments…
u/Xen

love the idea
u/DaSpider

ReferenceError: U is not defined
u/KilledByAPixel

how is this possible?
u/tomxor

All loaded iframes are enumerated on the window object (for any webpage), the value is the window object of the corresponding frame... and from inside a dweet this can be accessed (with restrictions) by going to the parent frame, then you have access to any globals in that other frame. While you can't call a function since it's in a different JS context, you can read it's source and re-evaluate it.
u/tomxor

essentually window.parent[n].u is the function created by dwitter for dweet n on the page, if you add it to a string it calls toString which returns the source, you can eval this and assign it to something to run in this context.
u/tomxor

I think I am the most verbose person here sorry :/
u/jellyedwards

Wow that's amazing!
u/jellyedwards

Very nice presentation of that little trick
u/katkip

nice trickery. #exploit #trick #hack
u/sigveseb

Woah