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 fullscreen

jylikangas

function u(t) {

c.width=-1
for(j=k=50;j--;)for(i=99;i--;x[f='fillRect'](k+i,Y=j+k-(h=i<k?i:-i+k*2)/2,1,h)&x[f](i,Y+j,i,.03))x.fillStyle=R(k*(j?i<k:3)+t%3*i)

Apr 14 2018 8:10 AM UTC

}// 140/140

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

Box of shading tricks

Show more comments…
u/jylikangas

Could have saved another byte by replacing k*2 with 99
u/yonatan

and one more by replacing -i+k*2 with k*2-i
u/iverjo

#cube
u/joeytwiddle

#lighting
u/donbright

dddddaaammmnnnn
u/katkip

#d3

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 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

pavel

function u(t) {

for(let i=c.width|=0,p=355/226;i--;x[i&5?'arc':'moveTo'](960,540,2e3/z,b=p/4*((i>>3)+S(i*p)/2+4*t+z/2),b))z=2-4*t%1+(i>>7)+C(i*p)/2;x.fill()

Jan 11 2020 8:41 PM UTC

}// 140/140

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

Aw this is broken in Safari

u/aleamb

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

pavel

remix of d/15194 by u/robbyg

function u(t) {

with(x)for(i=99;i--;clip(fill(arc(960-r,540-r,500*(1-j**3),0,7))))j=1-i/98,r=200*j,beginPath(fillStyle=`hsl(60,90%,${9+j*40}%)`)

Jul 30 2019 3:52 AM UTC

}// 128/140

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

Poor man's ray tracing

u/pavel

Using clip so the light can 'spill over.'
u/katkip

#d3 #ball #sphere
u/rep_movsd

#underrated

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 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

show FPS hide FPS share fullscreen

f8f82804

remix of d/10512 by u/f8f82804

function u(t) {

with(x){beginPath();fillStyle='#fff3';for(i=17;i--;lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=t+1.57*(i-(i>>2))));fill();stroke();}

Oct 17 2018 3:05 AM UTC

}// 138/140

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

#perspective #d3 #cube #fullhd

u/f8f82804

#wireframe

dwitter.net | #D3