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

f8f82804

remix of d/10905 by u/f8f82804

function u(t) {

c.width=640;for(s=24;--s;t+=.03)for(i=17;i--;x.lineTo(320+3*S(A)/z,157+(2+C(A)-(i&4))/z))z=(3-C(A=1.571*(i-(i>>2)+(t&2&&t))))/9/s;x.stroke()

Nov 8 2018 8:30 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 #cube #wireframe

show FPS hide FPS share fullscreen

f8f82804

remix of d/10479 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.beginPath(x.stroke()))for(i=17;i--;)x.lineTo(297+w*S(p=1.57*(i-(i>>2))+t)/(Z=4+C(p)),99+.4*w*((i&4)+T(t+w))/Z)

Oct 15 2018 10:53 PM UTC

}// 136/140

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

#d3 #perspective #cube #remix -- this alternative approach is more "correct" in drawing each cube once (and avoiding the moveTo/lineTo dance), but it actually loses the multiple-stroke effect that makes the outer cubes heavier

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9687 by u/f8f82804

function u(t) {

c.width=480;with(x)for(translate(w=240,99),rotate(a=S(t)),i=17;i--;stroke())lineTo(w*S(p=a*i/9+11*i-t+(i&~3)*2)/(Z=3+C(p)),w*(i&4?-.7:.7)/Z)

Oct 10 2018 7:16 PM UTC

}// 140/140

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

#glitch #cube #perspective #d3

u/aleamb

great!
u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

f8f82804

remix of d/9163 by u/f8f82804

function u(t) {

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

Aug 8 2018 11:39 PM UTC

}// 140/140

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

#rainbow #checkerboard -- #d3 #raytrace #scanline #smooth

u/katkip

This is less laggy

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𩡯𬠨𪠽𜐴𞱪𛐭𞰩𩡯𬠨𪐽𜠵𞱩𛐭𞰩𮀮𨡥𩱩𫡐𨑴𪀨𚐬𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮰨𪐪𞐩𚱴𚠴𞑽𛀹𞐥𛀤𮰳𜀫𪠪𝁽𙐩𨀬𮀮𩡩𫁬𚁸𛡡𬡣𚀹𝠰𚱓𚁩𚐪𝀰𜀭𪠬𝐴𜀫𠰨𪐩𚠴𜀰𛑪𛀵𞐭𭀪𝀹𛁪𛀹𚐩`.replace(/u../g,'')))

Nov 4 2020 5:44 AM UTC

}// 116/140

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

3D bracelet #d3 - replace eval with throw to see the code

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

x.fillRect(0,399+99/t,2e3,2e3);for(i=19;i--;)for(j=0;j++<9;)x.fillStyle=R(q=j*9,q,q),x.fillRect(960-i*20+j*3*C(t),149/t+i*29+j*9,10+i*40,9)

Jun 6 2019 2: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).

Pyramid #pyramid #d3

u/13thptr

cool

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

t||(x.translate(960,540)),x.rotate(.01);for(i=99;i--;)x.fillRect(-27*i,-27*i,54*i*(r=T(t)),54*i*r),x.clearRect(-25*i,-25*i,r*50*i,r*50*i);

Jun 6 2019 1:24 PM UTC

}// 138/140

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

Zooming into a pyramid loop #d3 #perspective #pyramid #geometry

u/joeytwiddle

Wow!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/9880 by u/Quant1um

function u(t) {

c.width|=0
for(i=9e3;i--;x.fillRect((n-o)*20,(n+o+p*2)*17,3,3))var j=C(i*i)*3,a=9+j*S(m=i/2+t),n=C(i+t)*a+40,o=S(i)*a-a,p=j*C(m)

May 23 2019 7:04 PM UTC

}// 128/140

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

Möbius strip is a looped surface with only one side and only one edge. #uncompressed #128bytes #d3

u/pavel

c.width%=i=9e3

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/13039 by u/rodrigo.siqueira

function u(t) {

c.width|=0
for(var i=6e3,w=960;i--;x.fillRect(w+w*X/Z,w*Y/Z,4,4))
X=S(i-t)+3*S(2*i)+C(i**2)/2,
Y=C(i-t)-2*C(2*i)+S(i**2)-4,
Z=S(3*i+t*4)-8

May 9 2019 7:46 PM UTC

}// 138/140

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

Animated Trefoil Knot #d3

u/rodrigo.siqueira

#Trefoil #knot

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;f=(X,Y,s)=>{if(s>20)for(i=0;i<9;i++)x.fillRect(X+i*s*2+S(t)*s*6,Y,s,s*4),f(X+s,Y+s,s/1.3)};f(300,300,100)

Jan 17 2019 1:49 PM UTC

}// 116/140

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

#d3 #recursive #recursion #default #perspective

u/metamero

nice idea. this can go better

dwitter.net | #D3