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

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(X=S(a)*(960**2-i*i)**.5,i,24*C(a)*(1-(i/960)**2)**.5,24,Math.atan(i/X),0,7)

Sep 5 2018 8:33 PM UTC

}// 140/140

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

using ellipse() and lots of trig to draw dots on the surface of a #sphere

u/f8f82804

it takes 154 to center the sphere: for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,9*C(a)*(1-((b=i-480)/480)**2)**.5,9,Math.atan(b/X),0,7)
u/f8f82804

#d3

show FPS hide FPS share fullscreen

nix

remix of d/8057 by u/nix

function u(t) {

for(c.width=i=1e3;i>1;i-=8)x.beginPath(),s=1+S(i+t),x.ellipse(300+99*s*s*1.1,300+t,h=99*(1+S((64+S(t)+i)+t/2)),h,1+s,-s,2),x.stroke()

May 9 2018 10:08 PM UTC

}// 133/140

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

u/Lazy1337

#d3

show FPS hide FPS share 1 remix fullscreen

Niklas

remix of d/1344 by u/Niklas

function u(t) {

for(c.width|=0,q=80,r=.0785,i=q;i--;)for(a=i*r+t,k=12*q+C(a)*q*3,l=7*q+S(a)*S(t)*q*2,j=q;j--;)b=j*r,x.fillRect(k+C(b)*q*C(a),l+S(b)*q,3,3)

Feb 27 2017 9:47 PM UTC

}// 138/140

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

u/donbright

bravo!
u/katkip

is this #torus #d3

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(t<.7){x.font=`${40+t*9}em'`;x.fillStyle=R(t*399,t*199);x.fillText("3D",400+t*299,600+t*199),x.strokeText("3D",400+t*299,610+t*200)}

Jun 12 2019 11:06 AM UTC

}// 134/140

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

#d3 #text #perspective

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.style.background=x.fillStyle=`hsl(${t*99},99%,${t*19}%)`,x.beginPath(),x.arc(960-t*99,540-t*99,(q=500-t*159)>0?q:0,0,7),x.fill()

May 11 2019 1:30 PM UTC

}// 130/140

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

Colored light #d3 sphere texture #sphere #geometry #gradient #color

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;f=a=>{if(a>10)x.beginPath(),x.arc(950+C(a/850+t)*a/2,540+S(a/850+t)*a/2,500-a,0,7),x.stroke(),f(a-1.5)}
f(500)

Feb 2 2019 5:02 PM UTC

}// 121/140

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

#shadow effect #d3 code upview

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10806 by u/pavel

function u(t) {

c.width=480;for(k=5;k--;)for(n=7;n--;x.lineTo(240+300*r*S(p)/z,240*(n<4?n:6-n)/z))r=n%3>0,z=3+r*C(p=t+(n<4?n:n-4)/1.6+1.26*k);x.stroke()

Nov 1 2018 5:01 PM UTC

}// 136/140

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

#wireframe #d3 #perspective #decahedron #d10

u/f8f82804

#pentagonal #trapezohedron

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10797 by u/f8f82804

function u(t) {

c.width=480;i=0;for(y of'0235320235320235')x.lineTo(240+2*(r=y%5?1:0)*S(p=t+.628*'0010320450760890'[i++])*(z=120/(3+r*C(p))),y*z);x.stroke()

Oct 31 2018 7:10 PM UTC

}// 140/140

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

#draft dweet of a #wireframe #d3 #perspective #decahedron -- in this case it's a #pentagonal #trapezohedron (#d10)

u/f8f82804

making this work as intended in the size limit will require coming up with a more clever way of iterating over the vertices, either via a formula or a more clever encoding of their coordinates

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10463 by u/f8f82804

function u(t) {

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

Oct 15 2018 7:07 PM UTC

}// 133/140

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

#d3 #perspective #cube #bounce

show FPS hide FPS share fullscreen

f8f82804

remix of d/9154 by u/f8f82804

function u(t) {

for(β=s=314;β--;x.fillStyle=`hsl(${β+t}rad 90%${30*(1-(γ=C(α-1)*C(β))-γ**9)}%/${β/a}`)x.fillRect(s*S(α=β/200)*S(β)+960,s*S(α)*C(β)+s,a=53,a)

Aug 9 2018 6:09 PM UTC

}// 140/140

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

Tweaked #sphere parameterization with occlusion, z-buffer and #phong #shading -- #rainbow #d3 #pbr

u/f8f82804

#blending

dwitter.net | #D3