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

aleamb

function u(t) {

c.width=512;b=136;for(y=b;e=0.7*y,f=y-60,f*=f,y-=2;)for(m=b;m--;)d=m-70,z=S(t)*b*Math.exp(-1e-3*(f+d*d)),x.fillRect(m+e+b,-z+e+100,1,1)

Feb 14 2018 1:37 AM UTC

}// 135/140

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

Shorter version: c.width=512;b=136;h=60;for(a=b*b;a--;)m=a%b-h,y=a/b-h,e=0.7*y,x.fillRect(m+e+100,S(t)*b*Math.exp(-1e-3*(y*y+m*m))+e+150,1,1)

u/iverjo

Further, 0.7 can be replaced with .7
u/aleamb

#function #p3d
u/aleamb

#math
u/aleamb

#d3

show FPS hide FPS share 4 remixes fullscreen

Moosething

function u(t) {

x.globalCompositeOperation='xor';
x.fillRect(960,1079,1,1)
x.drawImage(c,-1,-1)
x.drawImage(c,1,-1)

Jan 11 2018 3:20 PM UTC

}// 99/140

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

Show more comments…
u/Xen

nicely done
u/Jezza

Very cool!
u/sandromiccoli

beautiful
u/Qwitter

Nice!
u/nyarmith

wild
u/katkip

#gameoflife
u/katkip

(it really is a game of life rule)

show FPS hide FPS share fullscreen

DirtyDan

remix of d/5711 by u/DirtyDan

function u(t) {

b=540
c.width=1920
t*=t
for(i=0;i<b;i++){
x.fillStyle=`hsla(${i+t*20},90%,50%,.3)`
x.fillRect(960+i*C(r=i/b*t)-25,s=b+i*S(r)-25,50,50)
}

Jan 7 2018 8:14 PM UTC

}// 137/140

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

credit to u/DonKarlssonSan for the color code (from d/5714)

u/DirtyDan

d/5714
u/DonKarlssonSan

Yea, hsl is good for rainbow colors. I use it all the time on CodePen, like this one: https://codepen.io/DonKarlssonSan/pen/XdQGoY
u/DirtyDan

New to javascript, didn't know editing a hue value was an option, thanks.
u/Xen

dude.... join the chat, eveyones there ready for questions ;-)
u/nml

whoa

show FPS hide FPS share fullscreen

rikardlindstrom

remix of d/5542 by u/rikardlindstrom

function u(t) {

i=c.width=196;x.lineWidth=.1;for(;i--;)x.moveTo(196,l=i+C(t*2+i/40)*S(t*9+i/10)*i/9),x.lineTo(0,5+l/1.2),x.lineTo(196-i,l/2);x.stroke();

Jan 5 2018 7:54 PM UTC

}// 136/140

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

more cloth

u/magna

Wow!
u/iverjo

Smooth!
u/donbright

silky
u/sj_

I literally gasped when I saw this.
u/joeytwiddle

#material #cloth

show FPS hide FPS share fullscreen

p01

function u(t) {

for(c.width=n=128;n-=r=i=1/64;x.fillRect(n%2*64,n/2,k/32,1))for(Y=1-n*i,X=n%2-1,k=32;--k/r;i=j)j=2*r*i+X*S(t)-Y*C(t),r=r*r-i*i+Y*S(t)+X*C(t)

Jan 3 2018 9:41 PM UTC

}// 140/140

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

Spinning Mandelbrot set

u/magna

We're going to need a bigger CPU.
u/iverjo

Nice effect! 22 FPS on my machine, in Firefox. Surprisingly, it runs much slower in Chrome and Edge (4 FPS)
u/sigveseb

Screeching by at 4FPS on my machine too :D nice mandelbrot though
u/donbright

feel like standing up and applauding. unbelievable.
u/rodrigo.siqueira

#mandelbrot #fractal

show FPS hide FPS share fullscreen

donbright

remix of d/3697 by u/Citiral

function u(t) {

w=1920;for(c.width=i=w;i-=10;)for(j=w;j-=10;){
d=(i*i+S(3.14*(i/w))*j*j)/frame
o=d%9
x.fillRect(i,j,o,o)}

Jan 2 2018 3:15 AM UTC

}// 105/140

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

u/joeytwiddle

I was about to comment "donbright would like this one" but then suddenly ... !
u/magna

Wow!
u/Xen

one of my new fav's, love this!

show FPS hide FPS share 4 remixes fullscreen

AliYil

remix of d/4059 by u/AliYil

function u(t) {

for(i=0;i<20;i++)for(j=0;j<12;j++){s=S(S(t)*i+j+t*10)*25+25
k=127
x.fillStyle=R(S(t*3)*k+k,S(t*2)*k+k)
x.fillRect(i*100-s,j*100-s,s*2,s*2)}

Dec 27 2017 8:07 PM UTC

}// 139/140

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

u/Xen

very nice :-D
u/sigveseb

Good!
u/itsjustmustafa

so sick!

show FPS hide FPS share 3 remixes fullscreen

mxfh

function u(t) {

with(x)for(transform(X=16,0,0,X,540,540),fillText('𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀',5,3);X-->9;fill(new Path2D(`M9 3a9 9 0 0 0 0-6l-5 7`)))rotate(.78)

Apr 3 2017 10:50 PM UTC

}// 127/140

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

«It's hard to overstate my satisfaction.»

Show more comments…
u/magna

🎂
u/sigveseb

Doesn't work on android, just see boxes with X inside :(
u/mxfh

just replace 𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀 with Aperture. Which also is a bit heavy on the byte count.
u/mxfh

but you miss out on MATHEMATICAL SANS-SERIF BOLD ITALIC
u/magna

SHAME!
u/mxfh

the funniest thing about this is, that the kerning is a different kind of noticeably wrong on all platforms and browsers
u/donbright

all u need is to implement truetype rendering in 140 chars
u/mxfh

@dinbright kind of: https://www.dwitter.net/d/2417
u/Xen

love it!
u/iverjo

#path2d
u/mxfh

#text #logo #transform

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁷🐲𩐳𛁷𚐬𪐽𞀱𞱩𛐭𞰩𩡯𬠨𪠽𞐻𪠭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𞐶𜀫𤰨𭀪𜠫𪠯𝠩𚠲𛱚𚠨𪀽𝐴𜀩𛁨𚱙𛱚𚡨𛁳🐹𞐯𦠯𦠬𬰩𚑙👓𚁰👍𨑴𪀮𨑴𨑮𜠨𦐽𪐥𞐯𝀭𜐬𦠽𚁩𛰹𯀰𚐯𝀭𜐩𚱓𚁴𚱪𛰳𜀩𚠴𚐪𚁤👍𨑴𪀮𪁹𬁯𭀨𦐬𦠩𚐬𦠽𠰨𬀩𚡤𛐳`.replace(/u../g,'')))

Dec 28 2022 9:33 PM UTC

}// 140/140

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

u/vain

F*cking cool rubber/morphing cube. Never saw this kind of fx before. Fantastic!
u/cantelope

😂
u/NiekD

where do you get the inspiration for cool effects from
u/cantelope

dweets are sometimes harder to be ultra specific with a goal, due to the obvious constraints, but a big piece of my whole graphics repertoire is 3D math, sooo myself? haha not sure
u/tomxor

So true. More often it's just the gradual emergence of "what if"... then after a while it may or may not fit, or by the time you've played with it long enough something else tangentially related emerges. It's all part of the fun.
u/rep_movsd

Sometimes what you end up with is nothing like what you planned

show FPS hide FPS share fullscreen

tomxor

remix of d/26155 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𞐹𞱦🐨𨐬𨠩🐾𦱡𛁢𛀭𨐬𛑢𛁡𛐸𛁢𛐲𛀸𛑡𛀲𛑢𧐻𮀮𬱴𬡯𪱥𚁮𩑷𘁐𨑴𪀲𡀨𨁭𙁻𦰴𝠬𞀬𠐽𜐶𚡓𚁫👓𚁴𚠽𜠩𛰮𞀩𛁂🐳𜠪𠰨𪰩𛀴𛀱𛀭𥁝𯐭𝀠𙁻𩠨𝀭𠐯𝀫𥀬𝀭𠠯𞀩𯑡𜰠𜰠𜰠𜐱𜐠𜁬𙁻𦱔𛀴𛀮𛠮𩠨𥀽𜠪𠰨𭀩𛀴𚰲𚡔𚐬𝀬𜐬𛑁𛀭𠡝𯑠𚐩`.replace(/u../g,'')))

Sep 17 2022 1:37 AM UTC

}// 140/140

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

Kid on Swing

Show more comments…
u/tomxor

couldn't figure out how to keep the whole swing structure :>
u/KilledByAPixel

wow!
u/danny@hille.dk

Come on now, that is just ridiculous. Are you even human. AMAZiNG!!! 👾🤖👽 - 😝😝😝
u/danny@hille.dk

Normal human beings, would just have done something like this: for(c.width=99,i=18;i;x.stroke(new Path2D('M'+[4+i,47-i,14,4,43,7,A=43-S(t=S(t*2))*i/.6,B=7+C(t)*i/.3,A+9,B+1,52,8,80,11,83+i,53-i])),x.fillText('🧘‍♂️',A,B))i-=9
u/danny@hille.dk

😝😝😝
u/danny@hille.dk

Some might even put in the effort to test their code: for(c.width=99,i=18;i;i%2&&x.fillText('🐒',A,B-2))i-=9,x.stroke(new Path2D('M'+[4+i,47-i,14,4,43,7,A=43-S(t=S(t*2))*i/.6,B=7+C(t)*i/.3,A+9,B+1,52,8,80,11,83+i,53-i]))
u/Qwitter

Infinitely swinging forward delusion included
u/jdspugh

Sense of motion is spot on
u/vain

incredible. cool anim/movements. love it XD
u/aleamb

love it!
u/magna

I LOVE IT!
u/KilledByAPixel

#swing