Top #d3 dweets | Dwitter

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 1 remix fullscreen

cantelope

function u(t) {

eval(unescape(escape`景爨椽ㄷⱸ⹦楬汒散琨〬〬朽⡷㴹㘰⤪㈬朩ⱸ⹦楬汓瑹汥㵠桳污⠤筴⨹㥽ⰹ㤥ⰹ〥Ⱞ㉠㭩ⴭ㭸⹬楮敔漨眫⡓⡰㴱⸵㜪椭琫⡧㵩⼴簰⤪㐮㜱⤯ㄮ㐩⼨娽㈫䌨瀩⼱⸴⤪眬末⡧┲⬮㌩⽚⩷⤩㭸⹢敧楮偡瑨⡸⹳瑲潫攨⤩`.replace(/u(..)/g,"$1%")))

Aug 31 2018 11: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).

u/alien

oh... wow
u/iverjo

#cube
u/donbright

!!!!!!!!!!!!
u/f8f82804

#perspective
u/f8f82804

#d3 #wireframe
u/f8f82804

is this a remix of d/3157?

show FPS hide FPS share 2 remixes fullscreen

AArt1256

function u(t) {

c.style.filter='invert(';c.width|=0;for(k=4e3;k--;x.fillStyle=R((z=(k/20+t)%16)*20,z*20),x.fillRect(960+k*C(k)/z,540+k*C(k*k)/z,z=14/z,z));

Sep 21 2023 5:49 AM UTC

}// 139/140

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

lavender starfield #starfield #d3

u/rodrigo.siqueira

Nice color! You can save 2 characters using: c.width&=k=4e3
u/rodrigo.siqueira

And you can save 2 more characters by placing "c.style.filter='invert('" at the end, instead of the trailing ";"
u/rodrigo.siqueira

And you can save 2 more characters by placing "c.style.filter='invert('" at the end, instead of the trailing ";"
u/cantelope

beautiful!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/28314 by u/rodrigo.siqueira

function u(t) {

c.width|=c.style.filter=`invert(`
for(i=1e4;i--;x.fillRect(960-C(K=S(i)/a+t/3)*880*a*C(t/2+S(i)),540-S(K)*440*a+S(K*8+t)*40*a,4,4))a=S(i*i)

Aug 23 2023 1:20 AM UTC

}// 139/140

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

Floating thing

u/Joachim

#underrated #d3
u/cantelope

#blob

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭁼𯀨𦠽𣑡𭁨𛡲𨑮𩁯𫐨𚐯𜠬𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐧𪑮𭡥𬡴𚀱𙰩𒡘🐹𝠰𚱃𚁔👴𛰵𚐪𤰨𤐽𭀪𦠩𚠸𜀰𛁙🐵𝀰𚱓𚁔𚐪𠰨𤐯𜰩𚠴𜀰𒡦𫱲𚁁🐰𞱁🀷𞱁𚰽𛠰𜐩𢠽𠰨𠐩𛁸𛡦𪑬𫁓𭁹𫁥👒𚁋🐹𞐫𢠪𞐹𛁋𛁋𚐬𮀮𩡩𫁬𤡥𨱴𚁊𚠵𜀫𦀬𦐫𤰨𠐩𚠵𜀬𞀬𞀩`.replace(/u../g,'')))

Apr 30 2022 5: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).

Tubism

show FPS hide FPS share fullscreen

Pascal

remix of d/22689 by u/Pascal

function u(t) {

c.width|=w=480;for(j=2;j--;)for(i=k=500;i--;x.fillRect(w+w*3*(C(i+t)*C(a))/Z+w*j*2-Z*12*j,w-3*(S(a))/Z*w,s=k/Z**2/2,s))Z=4+S(i+t)*C(a=i/.9)

May 9 2021 9:12 PM UTC

}// 139/140

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

#stereograph #d3 cross eye sphere, make Z negative to flip the 3D effect

u/Polyducks

Wow incredible

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/18718 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪰽𪐽𞐵𝰻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁱🰰𞡫𚰲𚡲𚠨𫐥𝀭𜐮𝰩𛀷𝀰𚱲𛁱🱲🐱𩐸𞡲𛁱🱲𞠭𫐥𝰪𬠭𬠩𚑲👩🁫𛐲🰲𩐷𛱩𛱩𞠭𝱥𝐬𬐽𪐥𜠬𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱱🰭𬠯𝠺𫠽𪐫𭀪𜐲𜁽𘀤𮱱🱫𞠲𞑽𙐤𮱲🠰🱩𛰨𫠥𜠪𚠨𜰫𫐥𜰩🀱🰴𞐺𜐲𚐺𝠹𯐥𨀬𫐽𫠾🠵`.replace(/u../g,'')))

May 11 2020 3:00 AM UTC

}// 140/140

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

City Limits 🌆

u/Xen

nice!
u/KilledByAPixel

#city #d3

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐹𛁸𛡴𬡡𫡳𩡯𬡭𚀱𛀰𛀱𛀱𛁱🐴𜀰𚱓𚁴𚐪𜰰𜁼𜀬𝠰𜀩𞱩𛐭𞰩𩡯𬠨𪠽𢀽𜐲𝐫𤰨𪐫𬐯𞐹𚐪𝰵𯀰𞰭𛑪𞱪🀵𜀦𙡸𦱦𧐨𦀫𢀬𜐭𢀬𛠵𛁺𚐩𮁛𩠽𙱦𪑬𫁒𩑣𭀧𧐨𦀽𪐪𞐹𚱪𛀭𪠬𜠬𮠽𜠵𛁸𛡦𪑬𫁓𭁹𫁥👒𚁺𛁪𛁈𚐩𛁸𦱦𧐨𦀬𮠭𪠬𝐰𛀮𝰩`.replace(/u../g,'')))

Apr 25 2020 11:22 PM UTC

}// 140/140

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

Cube Wave #default #d3

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/17743 by u/rodrigo.siqueira

function u(t) {

for(c.width|=Z=0;Z<27;Z++)for(X=-3;X<=3;X+=.02)
Y=Math.exp(-X*X)*S(S(X-t*4)*3+Z/7+C(Z/4+t))-1,
x.fillRect((X+4)*260-Z*9,Z*26-Y*150,5,4)

Mar 6 2020 1:33 AM UTC

}// 135/140

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

Waving surface #wavelet #d3 #wireframe

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 1 remix fullscreen

pavel

remix of d/10801 by u/f8f82804

function u(t) {

c.width=480
for(k=5;k--;)for(n=7;n--;x.lineTo(240+99*r*S(p=(n<4?n:n-4)/1.6+1.26*k-t),50*r*C(p)+70*(n<4?n:6-n)))r=n%3>0
x.stroke()

Oct 31 2018 8:52 PM UTC

}// 129/140

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

u/f8f82804

amazing! #wireframe #d3 #perspective #decahedron #d10
u/f8f82804

oops, looks like this doesn't use any perspective transfrom
u/iverjo

Nice!
u/f8f82804

#pentagonal #trapezohedron

dwitter.net | #d3