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 6 remixes fullscreen

yonatan

remix of d/16195 by u/yonatan

function u(t) {

eval(unescape(escape`𬐽𨰮𭱩𩁴𪀽𞐹𞱦𫱲𚁶𨑲𘁭🐳𜀬𨐬𪠬𪰬𪐻𫐭𛐻𚑦𫱲𚁮🐱𛑭𛰳𜀬𪐽𬐻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁩𛁡𚠨𜠹𛑭𚐯𜠬𜐬𬐬𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀲𜀰𛀤𮱭𚠳𯐥𛀤𮰵𜀫𤰨𫠪𝀩𚠵𜁽𙐩𨀩𚑦𫱲𚁡🐳𛁪🐱𜠻𪠭𛐻𨐫👓𚀨𚁴𛱭𚡱𚱩𚐫𞐪𤰨𫐪𪰩𚐪𪰯𞐩𛱫𚑫🐲𚠪𪠻`.replace(/u../g,'')))

Nov 18 2020 5:52 PM UTC

}// 140/140

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

much faster in firefox

Show more comments…
u/danny@hille.dk

NICE!
u/tomxor

Woah!! The low res makes it feel more real for some reason.
u/DataMeta

AMAZING #landscape
u/ciaccodavide

wow D:
u/rep_movsd

This is amazing
u/Xen

nicely done!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/19550 by u/tomxor

function u(t) {

for(w=c.width&=i=8320;i--;u[i]=t?p<w?r%.7*(p+u[i-w]+u[i-w+1])&w-1:p:(~r-14&16)<<r*.6)p=u[i],x.fillRect(i%w,Y=68-i/w,1,p**.4/7-Y/w),r=i*t^i&Y

Aug 19 2020 11:53 PM UTC

}// 140/140

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

#castle #fire

Show more comments…
u/tomxor

Took some hints from d/11257 for the fire, but made it more minimal. Thanks to u/KilledByAPixel for the c.width&= trick that allowed to fit some nicer gradient and fire effect.
u/jellyedwards

That's incredible! How does the c.width&= trick work?
u/KilledByAPixel

c.width is 1920, 1920 & 8320 is 128, this way you don't need to write 128 for the width
u/tomxor

This is a bit verbose, but I found it easier to understand in binary: 1920 == 0b0000011110000000; 8320 == (8192 | 128); 8320 == 0b0010000010000000; (1920 & 8320) == 0b0000000010000000. In other words i needs to be roughly 8e3 to fill the screen, 8192 (the 14th bit) is not in 1920 so we can use it without affecting w. w needs to be quite small, 128 (the 8th bit) is the lowest bit available in 1920, which is why it's produced with AND.
u/magna

This is nuts.
u/magna

Please do a write-up on this Dweet.
u/jellyedwards

Thanks for the explanation
u/aleamb

absolutly amazing
u/DataMeta

+1 to magna's request
u/joeytwiddle

Pretty great!
u/13thptr

What u/magna said.
u/Xen

Sexy business right here
u/tomxor

Ok why not, I will do writeup, but need to make blog first :P I will post here and discord when done.

show FPS hide FPS share fullscreen

pavel

function u(t) {

f=(X,y,r=80,a=0)=>r>6&&[0,.4,-.4,0].map(o=>o?f(X+r*S(a)*C(X*y/4e4+t),y-r*C(a),r*.8,a+o):x.lineTo(X,y));c.width=640;f(320,360);x.stroke()

Apr 24 2020 8:23 AM UTC

}// 136/140

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

Rotating #tree #fractal

u/pavel

Inspired by https://twitter.com/ntsutae/status/125356447…
u/neimad

You should do a twitch channel. amazing.
u/ntsutae

I’m honored.
u/pavel

u/ntsutae :O I love your stuff on twitter! 素晴らしですよ
u/vain

Great 3D version !!

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

t*=44
for(c.width|=i=99;i--;x.fillRect(w+z*(y%8-2),y%4*k,3,-q))z=5e3/(i-t%1),x.fillRect(w=960-z+(S((y=t+i|0)/9)-C(t/9))*z,k=540+z,q=z*2,3)

Dec 25 2019 7: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).

https://twitter.com/ntsutae/status/120935675…

u/katkip

amazing! #street #road
u/ivylab

Really nice, howwww

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𨰮𭱩𩁴𪁼👦👮🐾𚀨𪐯𜰪𚡮𯀰𚐥𜰭𜐩𚠨𞐸𚰹𞀯𚀱𚰱𩐹𚠪𤰨𭀭𫠭𜰩𚐩𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𜀬𜀬𞐹𛀹𞐩𚑸𛡦𪑬𫁓𭁹𫁥👒𚁳👩𙐳𛁳𚰱🀼𝠩𛁸𛡳𩑴𥁲𨑮𬱦𫱲𫐨𬰭𜑼𜐬𨐽𛐮𝐬𛑳𙐲𛁾𬰦𜑼𯁡𛀹𝠰𛑦𚀱𚐫𩠨𜠩𛀵𝀰𛑦𚀱𚐯𜠭𩠨𜠩𛰲𚱦𚀳𚐩`.replace(/u../g,'')))

Jul 8 2019 2:13 AM UTC

}// 140/140

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

Divide (https://www.reddit.com/r/perfectloops/commen…)

u/pavel

192 for(i=c.width|=f=n=>((i/3**n|0)%3-1)*(98+98/(1+1e9**S(t-n-3)));i--;x.fillRect(0,0,99,99))x.fillStyle=R(s=i%3,s+1<<6),x.setTransform(s-1|1,a=-.5,-s%2,~s&1||a,960-f(1)+f(2),540-f(1)/2-f(2)/2+f(3))
u/pavel

194**
u/aleamb

wow!
u/katkip

nice #compressed

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`眽㤰Ⱪ㵬㵷⩷⼵ⱴ㴱⭴⩴⼱㈻景爨砮晩汬剥捴⠰ⰰⱣ⹷楤瑨㵷⨲ⱷ⨲⤻椭ⴻ砮晩汬剥捴⡘⨶ⱙ⨶ⰱ⭋ⰵ⤩堽椥眯㌬夽椯眬䘽琭椯氬䬽ㄭ䘥ㄬ䬪㴨奞堭繆⤯㈷┱⭋⨪㠬砮晩汬却祬攽恨獬⠤筩⨱㈰紬㤹┬⑻䬪㤹紥⥠`.replace(/u(..)/g,"$1%")))

Feb 14 2019 12:46 AM UTC

}// 140/140

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

Trinitron #crt #scanline #fractal

u/tomxor

Finally resorted to UTF8. This is a reasonably accurate slow motion aperture grille scanline animation... Although if run very slow you will see it's not simulating 3 electron beams. t=fps (scanline) w=width (subpixels) the later must be a multiple of 3 and 5. Use X, Y and floored F to plugin your own fractal!
u/tomxor

Uncompressed: w=90,i=l=w*w/5,t=1+t*t/12; for(x.fillRect(0,0,c.width=w*2,w*2);i--;x.fillRect(X*6,Y*6,1+K,5)) X=i%w/3,Y=i/w|0,F=t-i/l,K=1-F%1,K*=(Y^X-~F)/27%1+K**8, x.fillStyle=hsl(${i*120},99%,${K*99}%)
u/sigveseb

Kick-ass!
u/C010011012

bypassing the character limit I see using unicode escapements and regex u r very clever

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=480,x.rotate(X=Y=q=.785),r=6;r--;X+=f(0),Y+=f(2))R=1<<r,x.strokeRect(X+265-R,Y-74-R,2*R,2*R),f=n=>R*Math.atan(16*C(t+(n-r%2)*q))

Dec 23 2018 9:53 AM UTC

}// 140/140

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

Squares #beesandbombs

u/katkip

So smooth!

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(k=n=j=255;j--;k=2,fill())for(beginPath(fillStyle=R(T=(t^k)%2*128,T,i=4));i--;)arc((j%9-t%1)*n+T,(j>>4)*n+T,64*k,a=(i-t%1)*11/7,a)

Nov 13 2018 2:29 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/yonatan

arc?!
u/anotherkitten

oh you sly dog very well done
u/pavel

:)
u/jylikangas

Very cool! You can save 3 bytes by removing the unnecessary %1 from t when calculating a and also doing <<7 instead of *128. If someone is wondering how this works using a+1 instead of a at the end may help. :)
u/katkip

#beesandbombs
u/pavel

Removing %1 at the end breaks the animation on my iPhone.

show FPS hide FPS share 2 remixes fullscreen

anotherkitten

remix of d/10600 by u/anotherkitten

function u(t) {

for(t+=i=17;i--;x.beginPath(x.fill()))p=i+t%1,x.fillStyle=`hsl(${(p-t)*9} 50%${i-t&1?40:60}%`,x.arc(960+C(p+t)*p*p,540+S(p+t)*p*p,5*p*p,0,7)

Oct 22 2018 4:11 AM UTC

}// 140/140

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

odd spiral

Show more comments…
u/veubeke

wow
u/joeytwiddle

I really like these colours
u/pavel

groovy!
u/DataMeta

Niiice!
u/aleamb

yeah! cool!
u/pavel

You use a trick that does not work on iPhone. In the HSL call you need a space between S and L.
u/veubeke

@pavel: here’s a version that works in Safari d/10641

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,1e4,1e4)
t+=16
n=1200
i=3768
for(;i--;)x.clearRect(
960+240 * S(i/n) * S(i+t/4),
640-240 * C(i/n) / C(t*8/i)
,4,4)

Oct 14 2018 4:11 PM UTC

}// 129/140

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

Bulbous

u/magna

Very pretty
u/rbong

Nice orb
u/lionleaf

#champagne #bulb #bulbous
u/joeytwiddle

#organic #onion
u/tomxor

Oh yeah... didn't think of onions. Challenge: garlic?