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 fullscreen

joeytwiddle

function u(t) {

for(i=c.width=1e3;i--;x.fillRect(512+50*X/Z,99*(3+S(2*Z-t)+C(X/3+t))/Z,W=(6+F*6)/Z,W))X=i%32-16,Z=i/256,F=(Z-1.5-C(t))**2,x.globalAlpha=.2/F

Feb 5 2023 3:56 AM UTC

}// 140/140

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

more fun with #focus aka #depthoffield

u/Joachim

Wow!!! This is amazing! #blur #d3 #perspective
u/danny@hille.dk

LOVE IT!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=i=1944,w=960;i--;x.fillRect(w+w*S(a)*S(b)/z,540+w*C(b)/z,s=13/z/z,s))j=i%72,z=2+C(a=2.7+S(t)+(j&4?0:j)/72)*S(b=1.5+(i/72|0)/120)

Apr 11 2019 6:03 AM UTC

}// 140/140

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

#default on a sphere

u/f8f82804

#d3 #sphere #perspective
u/katkip

how lol
u/pavel

I draw #default one pixel at a time and treat (x,y) of the pixels as angles (a,b) in spherical coordinates. Spherical to 3d cartesian is x=r*sin(a)*sin(b), y=r*cos(a)*sin(b), z=r*cos(b). Projecting 3d to 2d cartesian is x'=x/(2+y/r), y'=z/(2+y/r), and scaling pixel size by 1/(2+y/r)**2 so stuff in the back is smaller.

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5:41 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 #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨椽挮睩摴桼㵰㵃⡴⤻椭ⴻ砮晩汬剥捴⠹㘰⵳⼲⬨椥ㄲⴶ⤪㔴〯稬⡺⭡⩓⡴⤭截瀩⨵㐰⽺⵳⼲ⱳⱳ⤩愽椯ㄲ┱㈭㙼〬戽椯ㄴ㐭㙼〬稽ㄫ愪瀫截匨琩ⱺ⨽稾⸴ⱳ㴱㔰⽺⽺;`.replace(/u(..)/g,"$1%")))

Apr 17 2019 7:06 AM UTC

}// 123/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 2 remixes fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle=R(v*40))Z=C(i)+4

Jun 22 2018 6:45 PM UTC

}// 140/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

hnen

function u(t) {

c.width=2e3;w=1e3;a=Math.abs;for(i=0;i<2e3;i+=20)for(v=0;v<w;v+=10){dx=i-w;a(5*t+w/v)%2<1^a(dx/v)%2<1||x.fillRect(i,v,10,10)}

Jan 2 2018 12:05 PM UTC

}// 125/140

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

u/iverjo

#perspective

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11689 by u/f8f82804

function u(t) {

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

Jan 11 2019 8:11 PM UTC

}// 140/140

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

#waves on a #perspectives #sphere -- #d3 #pointcloud

u/f8f82804

this dweet uses a better perspective transform based on Math.hypot -- #hypot
u/f8f82804

The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
u/f8f82804

#perspective

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/9617 by u/cantelope

function u(t) {

c.width=480;x.translate(w=240,130);x.rotate(S(t));for(i=17;i--;x.lineTo(w*.7*S(p=1.57*i-t+(g=i/4|0)*11)/(Z=2+C(p)),w*(g%2-.5)/Z));x.stroke()

Sep 6 2018 9:32 PM UTC

}// 140/140

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

compound 3D rotations #d3 #cube #perspective

u/donbright

awesome
u/cantelope

neat trick :)
u/f8f82804

#wireframe

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17426 by u/rodrigo.siqueira

function u(t) {

for(i=880;i--;x.fillStyle=R(Y/2.5-r/(350+S(t*2)*300),0,r/2000,.8))x.fillRect(X=S(r=i*i)*i*3+i*C(t*3)+900,Y=C(r)*i+390+S(t*2)*i/3,i,i)

Jan 31 2020 6:05 PM UTC

}// 133/140

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

Underwater lava cave #perspective

Show more comments…
u/tomxor

I keep switching perception between cave and mountain top, it gets stuck on mountain top... i can't control it 😳
u/sigveseb

I don't see mountain top 🤔 how?!
u/tomxor

funny, i can't see anything else now... it;s like looking down from above a mountain peak. Maybe imagine you are looking down from a circling helicopter.
u/rodrigo.siqueira

This #illusion is called "bistable perception". When I posted it was looking like a cave, now it seems to keep changing between mountain top and cave. I prefer a cave.
u/sigveseb

yes, I see it now!
u/rodrigo.siqueira

#tunnel
u/joeytwiddle

To see the mountaintop, maybe look at the blue and imagine it is the floor or the sea, far away.

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10469 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.stroke())for(a='moveTo',i=17;i--;a='lineTo')x[a](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:51 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 #remix

u/f8f82804

#wireframe

dwitter.net | #perspective