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

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

keithclark

function u(t) {

for(x.fillRect(0,0,j=2e3,j);j--;x.clearRect(C(j)*r+960,S(j*j)*r+540,2/Z,2/Z))r=600/(Z=1+(T(j*.61)-t/3)%1)

Dec 6 2018 5:33 PM UTC

}// 105/140

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

u/katkip

#starfield #stars #d3

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

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(c.width|=x[i=frame]=300,d=t?-d:1;i--;i%6||x.lineTo(T+1e3,S+540))S=T,T=x[i]+=d*x[e=i+(i+d)%3-i%3]/123*((e+d+(t&65|t/13.3))%3);x.stroke()

Jul 23 2017 1:10 AM UTC

}// 139/140

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

RotatingSpherePatternPrinter

u/alien

wait what is going on here D: , could explain this x[i=frame] and T=x[i] plz
u/alien

How can you add T a numer, isn't T a defined function?
u/iverjo

frame is a number that starts at 0 and increases by 1 for each frame (this is actually a somewhat "hidden" feature in dwitter, and can be used as an alternative to t). T is initially a defined function (by dwitter), but the code in this dweet sets T to something else before a number is added to it. x[i=frame]=300 has the same result as i=frame,x[i]=300 because i=frame returns the new value of i
u/alien

D:!!!! @iverjo thxs
u/13thptr

#d3 #sphere

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/24031 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󭼽󜬱󞌻󩭯󬬨󫜽󜽥󝌻󫜭󛜻󚝸󛭦󪝬󫍒󩝣󭌨󪜽󫜥󭼬󪬽󫜯󭽼󜌬󮬬󮬩󛍲󟜨󦌽󪜯󭼪󚌶󛝓󚍴󚬴󚜩󛝓󚍴󛼲󚜭󜼩󚭘󚼨󦜽󪬯󭼪󚌶󛝓󚍴󚬴󚜩󛝓󚌭󭌪󜼥󜼮󜬩󛜲󚜪󦜬󩌽󬬾󜜿󜌺󠼨󬬩󛼷󛍺󟝓󚍘󛽤󛝴󚬹󚜯󠼨󦜯󩌪󛬵󝜫󭌪󞜩󟬱󒬻`.replace(/u../g,'')))

Oct 9 2021 10:18 PM UTC

}// 130/140

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

Now i suck a football/soccer both IRL and virtual :-)

u/danny@hille.dk

uncompressed but (less bouncy) -> c.width=w=218;for(z=m=3e4;m--;)x.fillRect(X=m%w,Y=m/w,z,z),r=(i=X/w*4-2)*i+(j=Y/w*4-S(-t%3.2)-2)*j,d=r>1?0:C(r)/7,z=S(i/d-t*4)/C(j/d*.5+t)>1
u/danny@hille.dk

#d3
u/danny@hille.dk

#ball
u/danny@hille.dk

#hexagon
u/danny@hille.dk

#football

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21651 by u/erin

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👷🐹𝠰𒡦𫱲𚁩🐲𩐳𞱩𛐭𞰩𮰊𦀽𜠪𠰨𥐽𪐫𭀩𚱃𚁖👴𚱩𚡩𚐬𒡙🐱𚠨𤰨𭀪𜠩𚰰𛠹𚐪𤰨𥐩𚱃𚁖𚐪𥀨𥠩𛐲𛠵𛀊𦠽𤰨𥐩𛐵𒡸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𤰨𭀩𚠹𞑽𛀶𞐥𛀤𮱓𚀱𜀪𭀫𥐩𚠹𞑽𙐩𨀊𮀮𩡩𫁬𤡥𨱴𚁷𚱷𚡘𛱚𛁷𛑙𛱚𚡷𛁳👷𛱚𛱚𛱚𛁳𚑽`.replace(/u../g,'')))

Feb 12 2021 1:18 AM UTC

}// 140/140

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

LASER DONUT #donut #laser #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 fullscreen

iznax

remix of d/17550 by u/jylikangas

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁫🐹𞐬𨰮𭱩𩁴𪀽𮠽𛐱𞰫𚱺🁫𞰩𩡯𬠨𪐽𛐶𞰫𚱩🀶𞱪🐨𮠫𭀪𜠰𚐥𪰬𣀽𨐽🡬𪑮𩑔𫰨𞐪𚀱𝰫𤰨𪠯𝀩𚱫𚡡𛱺𚐬𜠰𜀭𮠪𜠫𪰪𤰨𪠦𨐩𛱺𛑡𚠪𝠯𮠩𛁢𩑧𪑮𤁡𭁨𚁳𭁲𫱫𩐨𚐩𛁌𚁩𚐬𣀨𪐫𜐩𛁳𭁲𫱫𩑓𭁹𫁥👒𚀱𝐰𛑩𚠪𝠬𪰬𜀬𜐭𮠯𪰩𚐻`.replace(/u../g,'')))

Feb 14 2020 6:29 AM UTC

}// 138/140

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

u/Joachim

#d3 #landscape

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/7280 by u/prplz

function u(t) {

for(X=240;X--;)for(Y=64;Y--;)x.fillStyle=`hsl(${X+255*(t+Y/(k=Y-72))} 90%${50*((X-120)/k+t+9&1^Y/k&1)}%)`,x.fillRect(X*8,1080-Y*8,8,8)

Aug 7 2018 11:22 PM UTC

}// 134/140

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

Rainbow checkerboard #d3 #perspective #raytrace #slow

dwitter.net | #D3