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 fullscreen

Pascal

function u(t) {

for(c.width|=j=2;j--;x.stroke(),x.beginPath())for(i=w=1e3;i--;x.lineTo(500+z*j*16+w*j+w*2*C(a)/z,540+w/2*(S(i*5)+2*S(i*8))/z))z=S(a=i-t)-6

May 21 2021 10:10 PM UTC

}// 138/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 3D object

u/rep_movsd

Beautiful
u/rep_movsd

Beautiful
u/rep_movsd

You can switch clockwise and anticlockwise rotation in your brain if you try hard
u/joeytwiddle

To tilt it downwards, change 540 to 540+99*S(a)

show FPS hide FPS share 1 remix fullscreen

Pascal

remix of d/22362 by u/BackendForth

function u(t) {

c.width|=w=480;for(j=2;j--;)for(i=k=300;i--;x.fillRect(w+w*X/Z+w*j*2+Z*12*j,w-Y/Z*w,s=k/Z**2,s))X=3*C(U=i+t)+C(V=i*i),Y=S(i)+S(V)+1,Z=S(U)-5

May 1 2021 1:43 PM UTC

}// 140/140

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

#stereograph #d3 donut, cross your eyes for a 3D effect

Show more comments…
u/erin

so cool
u/BackendForth

Nice!
u/magna

Nice! The z is inverted for me...
u/tomxor

Neat. Magna, are you uncrossing your eyes by any chance? :P (i.e making your eyes further apart)
u/magna

u/tomxor yeah! I've gotten used to relaxing my eyes and looking "afar", from the way SIRDS normally work. I don't I can cross my eyes without looking at something actually close to my eyes. I suspect most people are more comfortable with relaxing their eyes than crossing them...
u/smtsjhr

so fun!
u/joeytwiddle

If you are a person like magna, change: fillRect(w to fillRect(3*w and +w*j to -w*j

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

eval(unescape(escape`𭁼𯀨𦀽𦐽𦠽𜐩𛁁🐱𜀬𠠽𜠸𛁃🐸𛰳𛁔🐮𜀰𜐻𩡯𬠨𪐽𞐹𞱩𛐭𞰩𩀽𠐪𚁙𛑘𚐪𥀬𡀽𚁘𚠨𠠭𦠩𛑙𚐪𥀬𡠽𚁘𚡙𛑃𚡚𚐪𥀬𦀫👤𛁙𚰽𡀬𦠫👆𛁸𛡦𪑬𫁒𩑣𭀨𜀫𜠲𚡘𚱚𚠲𞐬𝐴𜀫𜐹𚡙𛁚𛰹𚰱𛁚𛰹𚰱𚐠`.replace(/uD./g,``)))

Jul 29 2020 8:20 AM UTC

}// 119/140

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

my first #lorenz #attractor #d3

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/18748 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪰽𪐽𞀱𜐻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁢🰰𞡫𚱲𚠨𘑰𚡓𚁴𚱪𚐫𤰨𪠾🠽𝀩𚠴𞐩𛁲𚠶𝐭𪰬𬀿𪠥𝰪𬠫𜰪𬠫𨠺𬠯𜰬𬀿𨠭𪠥𜠱𚡲𞠭𬠩𚑪👩𚱴𚠱𜠰𯀰𛁢👩𙐲𚠱𩐴𛁸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𨠿𪰺𪡽𘀤𮱢🰶𞐺𜐹𯐥𙁻𬀽𪠥𝀿𪐯𜐲𛐨𪠥𜐶🀳𚐪𞐺𜁽𙑠𛁲🐱𩐴𛱩`.replace(/u../g,'')))

May 13 2020 10:36 PM UTC

}// 140/140

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

Flight Over Tiny Town 🛩️

u/KilledByAPixel

#city #d3

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15244 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𫐽🡃𚁑𚡑𚰫𚐪𫐻𡠽𚁘𛁙𛁚𛁗𛁁𛁂𚐽🡲𚀹𛁸𛡦𪑬𫁒𩑣𭀨𝀸𚱘𚡓𚁴𚐫𦠪𠰨𭀩𛁙𛁗𛁗𚐬𥰾𛠹𙠦𡠨𦀫𠰨𠠩𚡓𚁁𚐪𥰯𜰬𦐭𠰨𠐩𚡗𛰷𛁚𚱓𚁂𚐪𤰨𠐩𚡗𛰳𛁗𚠮𞐸𛁁𚠮𞐫𬠨𛠵𚐬𠠩𚐾𥰦𙡆𚁘𛁙𛁚𛁗𛰲𛁁𛁲𚀹𚐩𞱆𚀰𛀴𞀬𜀬𞐬𜀬𨰮𭱩𩁴𪀽𤐽𞐸𚐻`.replace(/u../g,'')))

Aug 2 2019 10:02 PM UTC

}// 140/140

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

#tree #d3

u/katkip

Amazing!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14863 by u/KilledByAPixel

function u(t) {

c.width|=0
p=999/(2*Math.PI)
for(k=4;--k;)for(j=1e3;a=j--/p*3;)x.arc(960,540,k*129+50*S(j/p+a*k*k)*(S(k*a-t*4/k)/2+.5),a,a)
x.fill`evenodd`

Jul 28 2019 4:14 PM UTC

}// 139/140

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

Ring Weave Worms

u/katkip

looks 3d #d3

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

for(c.width=w=i=2e3;i--;)
X=S(i*i),Y=S(i),ℵ=C(Math.atan2(X,Y)-t)*Math.hypot(X,Y),
K=w/2,x.fillRect(w*ℵ/(Z=4+C(t)+X*X-Y*Y)+K,w+K*(ℵ-6)/Z,7,8)

Jun 26 2019 7:01 PM UTC

}// 140/140

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

The Hyperbolic Paraboloid (z=x²-y²). The S(i*i) and S(i) are random number generators between -1 and +1. The atan2 and hypot are used to calculate 3d object rotation (Euler equations could also be used, as seen on /d/12086). Thanks to u/cantelope for the Tiny 3D Engine Tutorials: https://cantelope.org/tiny_3D/ and https://cantelope.org/3D/ #math #hypot #D3 #hyperbolic #surface

u/cantelope

:D
u/rodrigo.siqueira

There is an interesting fact that the Pringles potato chips are a truncated hyperbolic paraboloid. The strength of the shape helps to prevent them from breaking while stacked. The curvature of the shape improves resistance to tension and compression forces. Remember this next time you eat a hyperbolic paraboloid.

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀨𭰽𞐶𜀩𚠲𛀲𩐳𚐻𤠽𚁡𛁢𚐽🡛𠰨𭀩𚡡𛑓𚁴𚐪𨠬𤰨𭀩𚡡𚱃𚁴𚐪𨡝𞱦𫱲𚁩🐸𜐰𞱩𛐭𛐱𞱸𛡣𫁥𨑲𤡥𨱴𚁷𚱘𛰨𦠫🐱𝀩𚡷𛀵𝀰𚱙𛱚𚡷𛁳👷𛱚𛱚𛁳𚐩𦱘𛁚𧐽𤠨𪐥𞐭𝀬𝐭𪐯𞀱𯀰𚐬𦱙𛁚𧐽𤠨𚁩𛰹𯀰𚐥𞐭𝀬𦠩𛁛𦀬𦑝👒𚁘𛁙𚐻`.replace(/u../g,'')))

Feb 1 2019 10:48 PM UTC

}// 139/140

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

Real 3-axis rotation using Euler equations (https://twitter.com/MaximeEuziere/status/108…). Thank you Xem!

u/cantelope

uncompressed: https://codegolf.tk/a/368
u/katkip

#cube #d3
u/UEZ

Borg cube

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10804 by u/f8f82804

function u(t) {

c.width=480;i=0;for(y of'0111111210121012')x.lineTo(240+y%2*S(p=t-2.5*'0012340010203040'[i++])*(z=400/(3+y%2*C(p))),y*z);x.stroke()

Oct 31 2018 8:28 PM UTC

}// 131/140

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

#pentagram -- #d3 #perspective #wireframe

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width=480;for(i=14;i--;x.lineTo(240+(y-1?0:360*S(p)/z),360*y/z))y='0111121012110'[i],z=y-1?3:3+C(p=t+1.57*'0123403020140'[i]);x.stroke()

Oct 24 2018 11:10 PM UTC

}// 138/140

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

#d3 #perspective #octahedron -- thanks to u/prplz for golf help

u/f8f82804

#wireframe

dwitter.net | #D3