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

rodrigo.siqueira

remix of d/26056 by u/rodrigo.siqueira

function u(t) {

for(c.width=i=W=220;i-=2;)for(j=1;j<W;x.fillRect(i,j++-h,2,h<53?h-53:h))x.fillStyle=R(h=((d=5e3/j)*S(A=i/W)&d*C(A)+t*40+t&30)*130/d,h*2,h*3)

Aug 30 2022 3:32 PM UTC

}// 140/140

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

Bitwise pyramid production line #pyramid #d3

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=i=1944,w=960;i--;x.fillRect(w+w*S(a)*S(b)/z,540+w*C(b)/z,s=13/z/z,s))j=i%72,z=2+C(a=2.7+S(t)+(j&4?0:j)/72)*S(b=1.5+(i/72|0)/120)

Apr 11 2019 6:03 AM UTC

}// 140/140

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

#default on a sphere

u/f8f82804

#d3 #sphere #perspective
u/katkip

how lol
u/pavel

I draw #default one pixel at a time and treat (x,y) of the pixels as angles (a,b) in spherical coordinates. Spherical to 3d cartesian is x=r*sin(a)*sin(b), y=r*cos(a)*sin(b), z=r*cos(b). Projecting 3d to 2d cartesian is x'=x/(2+y/r), y'=z/(2+y/r), and scaling pixel size by 1/(2+y/r)**2 so stuff in the back is smaller.

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/11892 by u/katkip

function u(t) {

c.width*=1;for(i=64;i--;)for(j=60;j--;)
x.fillRect(600+i*20-j*10,j*10+Math.abs(32-i-S(t*5)*9)*5+Math.abs(30-j+C(t*5)*9)*5,10,10)

Jan 19 2019 7:52 PM UTC

}// 128/140

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

Resizing the roof! #d3

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5: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).

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share fullscreen

BalintCsala

remix of d/9613 by u/BalintCsala

function u(t) {

c.width=-1
for(i of"201")x.fillStyle=R(i*T+(K=t%(p=1.57))/p*T),x.fill(new Path2D("M"+[T=99,0,(A=S(z=K+p*i)*T)+T,T-C(z)*33,T+C(z)*T,T+A/3]))

Aug 31 2018 11:11 PM UTC

}// 139/140

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

Uncompressed version achieved with lots of help from u/yonatan

u/f8f82804

#d3 #shading #animated #path2d
u/katkip

Haha nice!
u/aleamb

coooooool
u/lionleaf

#pyramid
u/donbright

ha ha ha brilliant

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍣󛭷󪝤󭍨󟝺󟜴󜌰󛍺󚜻󩭯󬬨󪜽󜌻󚼫󪜼󜽥󝌻󮌮󩭩󫍬󤭥󨽴󚌲󜌰󚼨󪜥󮬭󜬰󜌩󚭙󛌹󜌫󦜪󞜫󠼨󜼰󛽙󚽴󚬳󚜪󤼨󪜥󮬯󞜩󚭙󚬷󧬱󛍙󛍺󚜩󦜽󪜪󪜯󝝥󝼬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󦜪󝜬󦜪󜜶󚜬󒭸󛭣󫍥󨝲󤭥󨽴󚍩󚭩󙝺󚽔󚍩󚽴󛼵󜌩󚬹󛍩󛜹󛍓󚍩󚽴󚬹󚜬󜜩`.replace(/u../g,'')))

May 9 2022 1:17 PM UTC

}// 140/140

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

Magic Land

u/384.cz

#slow
u/Joachim

#d3 #minecraft

show FPS hide FPS share fullscreen

sam

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=5e3;i--;Z=170-(t*60+i)%160,s=280/Z,x.clearRect(960+1/Z*(-99+i*3e72%199)*900,540+(-70+i*8e01%140)/Z*700,s,s));

Jan 31 2019 12:10 PM UTC

}// 139/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 #space #d3
u/cantelope

reciprocals tho: 960+1/Z*(-99+i*3e72%199)*900 -> 960+(-99+i*3e72%199)/Z*900
u/cantelope

might have been good to reference the source: d/2336

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9161 by u/f8f82804

function u(t) {

c.width=100
for(i=314;i--;)x.fillRect(9*S(α=i/100)*S(β=t+i)+50,4*((a=S(α)*C(β))-2*C(α)+6),3,3),x.fillStyle=`hsl(${t*i} 90%${30*(1+a+a**9)}%`

Aug 7 2018 7:45 PM UTC

}// 140/140

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

Remix with ambient light #phong #pbr

u/f8f82804

#d3
u/magna

Nice!
u/aleamb

fucking awesome!

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle=R(v*40))Z=C(i)+4

Jun 22 2018 6:45 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

New_Core

function u(t) {

for(c.width|=j=4;j--;)for(i=6;i--;x.stroke())Z=800/(C(a=(~~(i%5/3+j)*11)+t)+3+S(t)),x.lineTo(960+(C(t)+S(a))*Z,560+(~~(i/2)%2/.7+C(t)-.8)*Z)

Jul 23 2020 12:23 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/DataMeta

#cube #d3

dwitter.net | #D3