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/9687 by u/f8f82804

function u(t) {

c.width=640;with(x)for(i=17;j=i^i-->>1;stroke())a=_=>j&_?-1:1,lineTo(320+320*S(b=t+Math.atan2(a(1),a(4)))/(Z=3+C(b)),180+224*a(2)/Z)

Oct 10 2018 9:58 PM UTC

}// 132/140

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

using the double-arrow operator (-->>) to generate Gray code and visit vertices of a #cube in order -- #d3 #perspective

u/yonatan

you could use the straight-leg-kick operator (--/) and save a char
u/f8f82804

I figured that the community would appreciate seeing the counterpart of the more common single arrow -->
u/magna

When I'm not sure what I'm doing, I use the wiggly arrow operator <~~
u/f8f82804

#wireframe

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9340 by u/f8f82804

function u(t) {

c.width=400;y=3-C(t);with(x)font=4/y+'em a',fillText('🌕',200+400*S(t)/y,99+99*C(t)/y),font='2em a',fillText([...'🌍🌎🌏'][t%3|0],188,99)

Aug 23 2018 8:51 PM UTC

}// 133/140

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

Fixed the lighting! #perspective #earth #moon #orbit #youarethesun

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11688 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(960+800*S(θ)*S(ϕ)/Z,540+800*C(ϕ)/Z,s=18*(Z>2?.1:2.1-Z),s))ϕ=i/612,θ=i*37+(i/9)**C(i+t)/99-t/2,Z=C(θ)*S(ϕ)+2

Jan 7 2019 10:32 PM UTC

}// 139/140

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

#perspective #sphere #pointcloud #swarm #traffic

show FPS hide FPS share fullscreen

f8f82804

remix of d/9721 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;){
ϕ=i/3/(99+S(t));
X=S(i)*S(ϕ);
Y=C(ϕ);
Z=C(i)*S(ϕ)+2;
if(Z<1.6)x.fillRect(960+800*X/Z,540+800*Y/Z,s=32*(1.6-Z),s);
}

Sep 9 2018 9:35 PM UTC

}// 139/140

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

#cell #sphere #animated #perspective

u/donbright

thats weird... like a fruit or something

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 fullscreen

hollo47

function u(t) {

c.width=1920
n=300
f=345
x.beginPath()
for(i=0;i<=n;i++){z=-4+S(t)-2*C(t+i*f)
x.lineTo(960+S(t+i*f)*i*4/-z,f+(C(i*f)*4+i*4)/-z)
x.stroke()}

Apr 19 2018 4:33 PM UTC

}// 139/140

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

My first perspective! I know there's like a thousand of these on dwitter, but this is mine and I understand what's going on!

u/aleamb

Awesome! ;)
u/BuRRak

#perspective

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 fullscreen

deobfuscate

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌫󟜰󒭷󪝴󪌨󮌩󮽢󩝧󪝮󤍡󭍨󚌩󒭡󬭣󚌹󝬰󛌵󝌰󛌲󜌰󚽃󚍴󚬵󚜪󝜰󛌰󛌷󚜊󨽬󪝰󚌩󒭧󫍯󨭡󫍃󫽭󬍯󬽩󭍥󣽰󩝲󨝴󪝯󫬽󙽸󫽲󙼊󩭩󫍬󤭥󨽴󚌰󛌰󛌲󩜳󛌱󩜳󚜊󩭯󬬨󪜽󜜸󞽩󛜭󞼩󩭩󫍬󤭥󨽴󚍩󚬱󜌰󚽓󚍴󚜪󜼰󜌬󝌴󜌬󝜰󛌲󜌰󚝽`.replace(/u../g,'')))

May 2 2023 4:46 PM UTC

}// 129/140

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

#perspective #default

u/deobfuscate

d/8085

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