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: #Food

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14501 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`琪㴴㭣⹷楤瑨簽〻景爨椽砮汩湥坩摴栽㄰㭩ⴭ㭸⹳瑲潫攨瀩⥱㵃⡴╍慴栮偉⤬砮晩汬⡰㵮敷⁐慴栲䐨砮晩汬却祬攽恨獬⠴㤠㤹┤笵〫㈵⩱紥怩Ɒ⹥汬楰獥⠹㘰⬨椭㐩⩱⨹ⰵ㐰Ⱘ匨琩⨪㈩⨪⸵⨴〰⬱ⰴ〰ⰰⰰⰷ⤩`.replace(/u(..)/g,"$1%")))

Jun 9 2019 4:52 AM UTC

}// 140/140

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

Spinning Coin with Lighting #D3

u/katkip

Realistic

show FPS hide FPS share fullscreen

pavel

remix of d/14464 by u/katkip

function u(t) {

for(x.setTransform(1,0,0,1,960,540),x.rotate(S(2*t)),i=200;i--;x[j?'fillRect':'clearRect'](r=(18+j)*(i&-2),r,r*=C(t)*.7-2,r))j=i%2

Jun 7 2019 5:01 AM UTC

}// 130/140

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

#d3 #perspective #pyramid

u/pavel

Am I crazy or do the sides rainbow a little?
u/katkip

It's an illusion maybe
u/joeytwiddle

Could be the way your machine talks to the monitor? https://en.wikipedia.org/wiki/Subpixel_rende… Or could be you are crazy!

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/10511 by u/f8f82804

function u(t) {

c.width^=0;with(x)for(lineJoin='round',lineWidth=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))));x.stroke()

Oct 16 2018 10:09 PM UTC

}// 138/140

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

#minimal #perspective #d3 #cube #fullhd

u/f8f82804

#wireframe

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/5600 by u/p01

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(t-i)>0&&x.arc(960+(i*960-i*i)**.5*S(t-i),48+i,9-(b=S(t-i-1)*C(Math.acos(i/540-1)+1))**4*9,0,7)

Sep 5 2018 6:50 PM UTC

}// 139/140

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

#specular #halftone #sphere

u/f8f82804

#d3

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/2963 by u/p01

function u(t) {

for(X=c.width=99;X--;x.fillRect(X,D,1-D/7,59-D*6))for(D=0;','<(u+1)[t+D*C(T=X/99-C(t))|(4.5+D*S(T))<<3]&&D<6;)D+=.1

Jul 31 2017 11:18 PM UTC

}// 115/140

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

Dweetenstein115

u/iverjo

Impressive! Also kudos to p01 for creating the original
u/donbright

omg
u/Xen

Every remix i've ever done wouldn't exist without the original ;-)
u/iverjo

#wolfenstein
u/Xen

#d3 #raymarching

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

eval(unescape(escape`󮌮󨭥󩽩󫭐󨝴󪌨󚜊󩭯󬬨󪜽󜜸󞽩󛜭󞽚󟜨󚍰󟬾󜬩󚼱󚜪󜼬󮌮󫍩󫭥󥍯󚌨󚍰󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬲󩜳󚼹󝬰󛌨󚍰󚼱󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬱󩜳󚼵󝌰󚜩󬌽󪜾󞜿󚍩󛜱󜌾󟬱󚜫󜜫󚍩󛜱󜌫󜜾󟬱󙬱󚜪󝌭󜜺󪜥󝜫󜜫󚍩󛼵󯌰󚜪󝌫󚌨󪜫󜜩󙜵󛜱󟬾󜼱󚜪󝌭󜜊󮌮󬽴󬭯󪽥󚌩`.replace(/u../g,'')))

Aug 11 2025 11:40 AM UTC

}// 139/140

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

Bitwise wireframe box

u/jpthinker

It doesn’t look like much but did a lot here. Cartesian #perspective #d3
u/jpthinker

Basically, I generate 8 points, using the three algorithms in the fillRect, and then I connect them in order to get a box outline by determining which point is next with the p=. There are two algorithms in p, one for the first 10 points 1234156785, and one for the last 8, or 15623784. Either of the algorithms will actually keep generating numbers in their pattern. I had a lot of fun figuring out how to emulate these whacky patterns with bit operators. Same goes for the x y and z coordinates for each point. Probably even less characters if I just hardcoded some arrays… lol

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/18108 by u/Xen

function u(t) {

for(i=38;i--;x.stroke())x.beginPath(),x.strokeStyle=`hsl(${t*59},${t}%,50%)`,
x.arc(1e3+C(i*7+t/59)*t**2.1,500+S(i*2)*t**2,500-t*t*.7,0,9)

Apr 1 2020 4:11 PM UTC

}// 138/140

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

R&om 2 #waitforit

u/Xen

#rainbow #spikes #d3

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/17185 by u/KilledByAPixel

function u(t) {

with(x)for(c.width|=j=99,scale(9,5);j--;arc(112,j>60?28+j:99,j>60?60:j,t,7+t))setLineDash(j>80?[79,9]:[j>70|j<60?0:9]),beginPath(stroke())

Jan 13 2020 2:33 AM UTC

}// 138/140

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

Round #Castle #D3

u/sigveseb

line dash, clever!
u/katkip

Awesome

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

with(x)for(c.width|=i=99,scale(9,3);i--;stroke())for(beginPath(j=5);a=j--/.6367;arc(111,174+i/2,70,t+a,t+a))i>9||setLineDash([5])

Jan 12 2020 7:28 AM UTC

}// 129/140

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

3D #Castle Wall

u/iverjo

Nice
u/katkip

Really nice
u/sigveseb

#d3

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`䈽孝㭦潲⡫㴲攳㭪㴭⵫㸾㘻堽⡩⵪⤪术㈭㤬堾㄰ㅼ堼ⴱ㼰㩂⹰畳栨恲慤楡氭杲慤楥湴⠤筧⩧⼷㕽敭⁡琠⑻塽┤笨ㄹ⭃⡩⼴⤪䌨琪ㄵ⵪⼴⤪㐩⩧⼳紥Ⱓ〰〬⌰〰〩怩⥩㵫┶㐬朽ㄱ㠯⠳㔭権㭣⹳瑹汥⹢慣歧牯畮搽䈻`.replace(/u(..)/g,"$1%")))

May 28 2019 6:58 PM UTC

}// 140/140

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

3D Landscape With Optimized Rendering

u/KilledByAPixel

Draw speed improved by culling offscreen points!
u/Joachim

#d3 #perspective #depth

dwitter.net | #D3