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

KilledByAPixel

function u(t) {

c.width|=F=W=>250*W(b=i*.785)
for(i=8;i--;)
for(j=0;j<4;)
x[j++?'arc':'moveTo'](960+F(C),540+F(S),250,z=t/3+j/.637+b,z)
x.fill('evenodd')

Jun 16 2019 6:23 PM UTC

}// 137/140

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

#beesandbombs 🐝 💣

u/katkip

perfection

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/14525 by u/rodrigo.siqueira

function u(t) {

for(var I=960;I--;)for(var U=P=X=I/190-3,Q=Y=t/3-1.85,k=14;k--;)U=X,X=X*X-Y*Y+P,Y=2*U*Y+Q,X*X>2?x.fillRect(I*2,t*99,2,2):x.fillStyle=R(k**2)

Jun 14 2019 2:56 PM UTC

}// 140/140

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

Red rays from the Mandelbrot Set #mandelbrot #fractal

Show more comments…
u/KilledByAPixel

Amazing.
u/artfarnaa

Is there a way to make these fractal examples render faster? Perhaps offload the calculations to web assembly?
u/username

"Red rays" also known as low iteration count
u/13thptr

u/artfarnaa wasm isn't much faster than js on most platforms and it takes a lot of space to set up
u/13thptr

see u/rbong's work on it
u/katkip

i don't understand this so awesome
u/rodrigo.siqueira

Artfarnaa, it is possible to make super fast, see this pure JS fast implementation: https://csl.name/mandelbrot/ There are many tricks specifically created to calculate Mandelbrot Set (e.g. avoid calculations in a rectangle inside the main set because all pixels are white and calculations in this white area is slower than other parts), but no speed optimization were used here because of space constraints. Some tricks to make it faster: do not use time variable to do calculations (because it is max 60 fps), do not plot each pixel, but store them in an array and plot at once using c.putImageData(img)...
u/KilledByAPixel

There is one way to make it very very fast. I just made a quick shader of it for you! https://www.shadertoy.com/view/wtjGz3
u/artfarnaa

Thanks guys, great inspiration.

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14570 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩🐰𛁆👶🐾𩡩𫁬𤱴𮑬𩐽𤠨𭠬𭠬𭠩𞱩𚰫🀱𜐹𞱲𩑳𭁯𬡥𚁸𛡦𪑬𫀨𮀮𨑲𨰨𞐶𜀫𝐪𦠬𝐴𜀬𜰰𜀬𜀬𝰩𚐩𚑢𩑧𪑮𤁡𭁨𚁳𨑶𩐨𦠽𚁩🠶𜀩𚠹𚡓𚁩𚠪𜰫𭀩𚐩𛁆𚁩𚱚𚰹𞐪𘑚𚐬𩡩𫁬𚁲𩑣𭀨𜀬𪐪𞐬𜡥𜰬𞐩𚐬𡠨𜠹𜀭𪐭𦠩𛁢𩑧𪑮𤁡𭁨𚁣𫁩𬀨𚐩`.replace(/u../g,'')))

Jun 13 2019 7:14 PM UTC

}// 140/140

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

Ocean Sunset

u/katkip

#waves #natural #realistic #landscape #moon
u/katkip

(i mean #sun )
u/KilledByAPixel

It can be a moon if you want it to be!
u/katkip

hehe

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14396 by u/KilledByAPixel

function u(t) {

for(j=14;j--;)for(Z=i=125;i--;x.fillRect(i%16*Z*1.3+J,J+1.3*Z*(i>>4),Z,Z))q=S(S(i*i)*t*9)*19,J=9*j-Z+q,x.fillStyle=`hsl(210 80%${50-j*9-q}%`

Jun 3 2019 5:36 AM UTC

}// 140/140

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

Blue Barrier

u/katkip

Looks like a Razer Keyboard
u/rodrigo.siqueira

#cube

show FPS hide FPS share fullscreen

vinca

remix of d/13872 by u/vinca

function u(t) {

eval(unescape(escape`瑼簨挮睩摴栽㔰〬砮杬潢慬䍯浰潳楴敏灥牡瑩潮㴢硯爢ⱘ㴰ⱸ⹦楬汓瑹汥㴧⍁ㄲ✩ⱘ㰵㈰☦⡸⹦楬汒散琨堫⬬堬ㄬㄩⱸ孤㴧摲慷䥭慧攧崨挬ㄬ〩ⱸ孤崨挬〬ㄩⱸ孤崨挬ㄬㄩⱸ孤崨挬ㄬㄩ⤻`.replace(/u(..)/g,"$1%")))

May 18 2019 1:02 AM UTC

}// 130/140

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

u/Xen

Bubble-Gum SpaceShip!
u/katkip

Wow
u/rep_movsd

#underrated

show FPS hide FPS share 1 remix fullscreen

vinca

function u(t) {

for(X=2e3;X--;x.fillRect(X,0,1,5))x.fillStyle=R(r=255*S(S(t)*X/99+1/(S((X)/99)+C(60*t/20))+t),r*S(t)/2,T(r|X)*9);x.drawImage(c,0,5)

May 18 2019 12:26 AM UTC

}// 131/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 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵯㵛椽眽㤶そ㭩ⴭ㬩潛楝㵛㈮ㄫ䌨愽椫琯㤩⩃⡢㵩⨲〩ⱓ⡡⤪䌨戩ⱓ⡢⤬恨獬⠤筩紬㘹┬㔰╠崻景爨孚ⱘⱙⱸ⹦楬汓瑹汥嵯映漮獯牴⠩⹲敶敲獥⠩⥸⹦楬汒散琨眫眪堯娬㔴〫眪夯娬猽㔰⽚⽚ⱳ⤻`.replace(/u(..)/g,"$1%")))

May 8 2019 7:09 AM UTC

}// 139/140

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

Depth demo

Show more comments…
u/pavel

181 for(c.width|=o=[i=w=960];i--;)o[i]=[2.1+C(a=i+t/9)*C(b=i*20),S(a)*C(b),S(b),`hsl(${i},69%,50%`];for([Z,X,Y,x.fillStyle]of o.sort().reverse())x.fillRect(w+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/pavel

Notice how the objects 'in front' are always drawn 'in front'
u/pavel

This requires a bunch more chars and is only needed when objects have unique colors, which requires more. It seems impossible to do this without compression.
u/pavel

Pretty simple technique, when generating the 3d points instead of directly drawing them, store them in an array, sort it by depth back to front, then draw.
u/keithclark

175. Removed need for reverse() by reversing the projection (far points are painted near and vice-versa): for(c.width|=o=[i=w=960];i--;)o[i]=[C(a=i-t/9)*C(b=i*20),S(a)*C(b),S(b),hsl(${i},69%,50%];for([Z,X,Y,x.fillStyle]of o.sort())x.fillRect(w+w*X/(j=2.1-Z),540+w*Y/j,s=50/j/j,s)
u/keithclark

158 - for(c.width|=o=[i=w=708];i--;o[i]=[C(a=i+t)*C(b=i*20),S(a)*C(b),S(b),R(a)]);for([Z,X,Y,x.fillStyle]of o.sort())Z-=2,x.fillRect(960+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/Joachim

#d3 #ball

show FPS hide FPS share fullscreen

Xen

remix of d/13257 by u/Xen

function u(t) {

for(c.width=(Z=50+50*C(t/.7))*19,i=9,x.fillRect(0,0,2e3,2e3);i--;)x.clearRect(Z*4+i*Z+S(t)*Z*3,Z*4,Z/2,Z*2)

Apr 16 2019 11:58 PM UTC

}// 107/140

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

#default Res-Pulse inverted

show FPS hide FPS share fullscreen

vinca

function u(t) {

for(c.width=500,x.fillStyle=0,x.fillRect(0,0,500,500),x.fillStyle='red',i=0;i++<300;)for(j=0;j++<20;)X=i%2?S:C,x.fillRect(i^j*X(t)*99,i,2,2)

Mar 27 2019 12:51 PM UTC

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

Xen

remix of d/12849 by u/vinca

function u(t) {

t?x.font="28em'":x.globalAlpha=.1
for(i=99;i--;)x.fillText("🍄",650+C(t*i)*i*9,700+S(i+t)*i*9)

Mar 21 2019 3:04 PM UTC

}// 96/140

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

u/vinca

cool (((🍄)))
u/andrea270872

that's one POTENT mushroom :D
u/magna

ahahahah
u/iverjo

#mushroom