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 2 remixes fullscreen

FireFly

function u(t) {

for(c.width|=i=58;i--;x.fillStyle=`hsla(${i*6},99%,50%,.3)`)i%3?x.lineTo(C(t+(i/3+i%3|0)*497)*450+Z,540):x.moveTo(Z=960,i>29?90:Z,x.fill())

Jul 29 2017 3:42 PM UTC

}// 139/140

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

Spinning 3D model. This one is pretty CPU-heavy, gotta compromise for size

Show more comments…
u/sigveseb

Very nice!
u/p01

It looks super clean!
u/sigveseb

is it spinning clockwise or counter-clockwise? :)
u/FireFly

shhh… it's rotating CCW I think, but cheating with the Z-axis/depth ordering means the faces are kind of haphazardly drawn :P
u/Xen

its transdimensional, you meant to do it! ;-)
u/Lazy1337

#d3

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/29339 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍣󛭷󪝤󭍨󯌽󪼽󜼵󞽫󛜭󞽢󩝧󪝮󤍡󭍨󚍦󪝬󫌨󚜩󚝦󫽲󚍪󟝫󙜳󛍩󟜴󞽩󛜭󞽦󪝬󫍓󭍹󫍥󟝒󚍶󟜹󞜫󞜹󚭃󚍪󙬦󨜩󛍶󛍶󚜩󬜽󪬦󙭩󟌲󛍥󫍬󪝰󬽥󚌴󜼰󚼨󪼾󟬲󚜪󞜹󚽓󚍴󚜪󜼰󜌬󬜿󝬰󜌺󝌰󜌬󜼵󛌹󛌰󛍡󟜨󚍱󟽪󛝩󞭪󚽩󚼱󚜭󚌱󛝓󚍴󚜩󙜱󚼮󝜩󚬱󛬵󝼬󨜩`.replace(/u../g,'')))

Jan 17 2024 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).

Default 3D #D3 #default

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/12115 by u/pavel

function u(t) {

for(i=c.width|=h=1065/226;q=--i%3-1,a=q?i:i*h+h/2;x.fillRect(960+S(a+t)*800/r/z,540+(q||T(i))*800/z,s=70/z/z,s))r=S(a%h),z=4+C(a+t)/r,z*=z>1

Apr 16 2019 5: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).

#d3 #cube #perspective #wireframe

u/pavel

#uncompressed
u/KilledByAPixel

rad

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11280 by u/pavel

function u(t) {

for(c.width|=i=36;j=60*(--i>>2);x.fillRect(-j,0,2*j,u>0||9))x.setTransform(u=C(a=(i/2+t/8)*Math.PI),v=S(a),0,4,960+j*v,256+j/2-j*u)

Dec 5 2018 4:20 AM UTC

}// 131/140

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

#pyramid v2

show FPS hide FPS share 3 remixes fullscreen

f8f82804

remix of d/9162 by u/f8f82804

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡩㴳ㄴ㭩ⴭ㭢敧楮偡瑨⠩⥡牣⠲㐰⨨⡣㵓⡡㵩⼱〰⤪匨戽琫椩⤫㐩ⰱㄲ⨨匨愩⩃⡢⤭㈪䌨愩⬴⤬㐰⨨匨愩⬮㈩ⰰⰷ⤬晩汬⠩ⱦ楬汓瑹汥㵠桳氨⑻㌶〪⠨戯㘭琯㐩┱⥽‹〥⑻㌰⨨ㄫ挫挪⨹⥽╠`.replace(/u(..)/g,"$1%")))

Aug 8 2018 7:04 PM UTC

}// 136/140

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

Fancy #phong #shading #sphere -- #compressed #d3 #pbr

Show more comments…
u/f8f82804

Uncompressed: with(x)for(i=314;i--;beginPath())arc(240*((c=S(a=i/100)*S(b=t+i))+4),112*(S(a)*C(b)-2*C(a)+4),40*(S(a)+.2),0,7),fill(),fillStyle=hsl(${360*((b/6-t/4)%1)} 90%${30*(1+c+c**9)}%
u/magna

#sequins
u/lionleaf

Now that's beautiful!
u/f8f82804

I love it, but I really wanted to do it without compression. I even tried using fillText('●'). See my remix for the closest I could get.
u/iverjo

Sweet! #colorful
u/joeytwiddle

#hiddengem #model
u/f8f82804

#fullhd

show FPS hide FPS share fullscreen

trancor

remix of d/7988 by u/trancor

function u(t) {

d=(j,r)=>{x.beginPath(),x.arc(j*4+S(t*3+r)*r,T(t)*r+r*5,S(t+=j&6)*r/5+r,0,7),x.fill(),r>2&&(r/=2,d(j-r,r),d(j,r))}
d(w=(c.width=999)/2,600)

May 5 2018 8:08 AM UTC

}// 139/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 1 remix fullscreen

snydej

remix of d/6994 by u/snydej

function u(t) {

[0,1,2].map(d=>x.fillRect(0,0,90,90,x.setTransform(s=S(q=d*2.1+t),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:34 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/magna

WOOOT!!!
u/BuRRak

amazing
u/iverjo

Great idea!
u/13thptr

#twister -like
u/Cloud

#d3

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/13206 by u/pavel

function u(t) {

for(i=c.width|=h=1.6+(t<<1);Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=18/z,s))a=i%3?i:i*h,r=T(a%h+h/3),z=3+S(t)+C(a+t)/r

Apr 16 2019 2:27 PM UTC

}// 138/140

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

Spin particles #d3

u/f8f82804

#perspective

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=i=960;--i;x.ellipse(480,270-56*(j%2-.5)*y,r=32*(64-y*y)**.5,r/2,0,a=(j+t%1)/7,a+!j*7))j=i>>4,y=i%16-8;x.stroke()

Apr 10 2019 8:35 AM UTC

}// 124/140

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

#wireframe #sphere

u/f8f82804

#d3
u/Xen

Nice!
u/lionleaf

Nice one! #globe
u/pavel

I use 44 longitude lines so the arc angle between adjacent two is 2*pi/44 which is approximated by 1/7 to 4 decimal places.
u/pavel

Using the famous pi ~ 22/7 approximation.

show FPS hide FPS share fullscreen

pavel

remix of d/9174 by u/f8f82804

function u(t) {

with(x)for(N=i=300;A=S(a=i--/99);beginPath(fillStyle=`hsl(${i*N} 90% ${c**4}%`))c=A*S(b=t+i)+2,fill(arc(N*c,N*(A*C(b)/2-C(a)+2),70*A+9,0,7))

Nov 8 2018 11:00 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/katkip

I like the fact that it is so fast
u/iverjo

Nice! This reminds me of the spinning beachball of death (on Mac OS X)
u/aleamb

#colors #d3 #sphere
u/pavel

#uncompressed

dwitter.net | #D3