Top #perspective dweets

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 1 remix fullscreen

f8f82804

remix of d/11620 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;Z<1.6&&x.fillRect(960+800*S(θ)*S(ϕ)/Z,540+800*C(ϕ)/Z,s=32*(1.6-Z),s)){ϕ=i/600;θ=i*84+(i/9e3)**C(i+t)**2;Z=C(θ)*S(ϕ)+2;}

Jan 7 2019 6:37 PM UTC

}// 140/140

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

patterns on a #perspective #sphere with #occlusion

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 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

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

katkip

function u(t) {

eval(unescape(escape`𮀮𩡩𫁬𤱴𮑬𩐽𤠨𭀪𞐹🀲𞐹🱴𚠹𞐺𞐹𚐬𮀮𩡩𫁬𤡥𨱴𚀰𛀭𜰳𜰯𭀫𜰳𜰬𜡥𜰬𜡥𜰩𞱱🐳𛠷𝰬𮀮𨡥𩱩𫡐𨑴𪀨𚐻𩡯𬠨𪐽𝰻𪐭𛐻𮀮𫁩𫡥𥱩𩁴𪀽𜐹𚑸𛡬𪑮𩑔𫰨𞐶𜀫𠰨𪐪𬐫𭀩𚠶𜀰𛀶𝀰𚱓𚁩𚡱𚱴𚐪𜠰𜀩𞱸𛡳𭁲𫱫𩑓𭁹𫁥👒𚀲𝐶𚐬𮀮𬱴𬡯𪱥𚀩𞰠`.replace(/uD./g,'')))

Jun 5 2019 4:59 PM UTC

}// 138/140

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

#satan ic pentagram ritual #animation #compressed #perspective

u/joeytwiddle

The perspective makes me think it's on the ceiling ... ohhhh we are the demons

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

show FPS hide FPS share fullscreen

f8f82804

remix of d/11792 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/.8/d,s=45-5e3*d,s))r=i%2+1,d=Math.hypot(X=r*S(ϕ=i/612)*S(θ=i*37-t/r),Y=r*C(ϕ)+4,r*C(θ)*S(ϕ)+5)/1e3

Jan 15 2019 12:39 AM 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 #projection #sphere using #hypot -- better #correction for the #distortion

show FPS hide FPS share fullscreen

f8f82804

remix of d/11811 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/.5/d-64e2,s=36-d*1e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+9,C(θ)*a+5)/4e3

Jan 15 2019 12:36 AM UTC

}// 140/140

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

my #d3 #hypot #perspective #projection of a #sphere #model with #distortion #correction -- in some previous dweets I did this wrong, resulting in an egg shape!

dwitter.net | #perspective