New #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: #Opposites

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/13206 by u/pavel

function u(t) {

for(i=c.width|=h=1.6+(t<<1);Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=18/z,s))a=i%3?i:i*h,r=T(a%h+h/3),z=3+S(t)+C(a+t)/r

Apr 16 2019 2:27 PM UTC

}// 138/140

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

Spin particles #d3

u/f8f82804

#perspective

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=60/z/z,s))a=i%3?i:i*h,r=(a%2?S:T)(a%h+h/2),z=3+C(a+t)/r

Apr 12 2019 7:45 AM UTC

}// 139/140

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

Butterfly box #d3 #cube #perspective

u/Jezza

Woah!
u/KilledByAPixel

Well done.
u/lionleaf

That's wild! Love it #butterfly

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 fullscreen

pavel

function u(t) {

for(a=b=u=c.width|=i=0;i++<99*t;x.fillRect(960+800*C(a+t)*S(b)/z,540+800*C(b)/z,s=20/z/z,s))a+=C(u+=i**.9%1-.5)/69,z=2+S(a+t)*S(b+=S(u)/69)

Apr 10 2019 1:23 AM UTC

}// 139/140

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

Wiggly boy

Show more comments…
u/magna

Awesome!
u/DataMeta

Cool!!
u/joeytwiddle

Bloody brilliant #sphere #perspective
u/katkip

this will get to the top
u/katkip

#d3
u/iverjo

Wow!
u/donbright

#randomwalk

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐱𝀻𛐭𪐻𮀮𬱴𬡯𪱥𚀩𚑦𫱲𚁸𛡢𩑧𪑮𤁡𭁨𚁬👩𛐷🰹𞐺𜀩𞱬𛐭𞱸𛡬𪑮𩑔𫰨𞐶𜀪𚁺𚱘𚡃𚁴𚐫𦠪𤰨𭀩𚐯𮠬𝐴𜀫𞐶𜀪𚀨𚀲𚡩𛐱𚐯𜱼𜀩𙐳𛐱𯁼𩀩𛱺𚐩𩀽𫀭𝀹𛁘🐨𪐯𝑼𜀩𛐱𯁼𩀬𦠽𪐥𜰭𜑼𯁤𛁺🐴𛑘𚡓𚁴𚐫𦠪𠰨𭀩𛁺𚠽𮠾𜀻`.replace(/u../g,'')))

Feb 2 2019 8:42 PM UTC

}// 138/140

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

for(c.width|=i=14;--i;x.stroke())for(x.beginPath(l=i-7?99:0);l--;x.lineTo(960*(z+X*C(t)+Z*S(t))/z,540+960*(((2*i-1)/3|0)%3-1||d)/z))d=l-49,X=(i/5|0)-1||d,Z=i%3-1||d,z=4-X*S(t)+Z*C(t),z*=z>0

u/katkip

#compressed
u/cantelope

cool!
u/katkip

#cube
u/UEZ

#perspective #vanishingPointProjection

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11963 by u/cantelope

function u(t) {

for(x.fillRect(0,0,i=2e3,i);Q=S(q=--i*i);x.clearRect(960*(z+S(b)*3+S(p)*Q)/z,540+960*(C(q)-C(b+t))/z,s=99/z/z,s))z=6+C(b=i%6+t)*3+C(p=i+t)*Q

Jan 26 2019 8:47 PM UTC

}// 140/140

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

#uncompressed in black and white

Show more comments…
u/adaq

coolio
u/cantelope

(╯°□°）╯︵ ┻━┻
u/cantelope

this one seems to outperform my original, probably due to all the color calls in mine. One thing I haven't been able to figure out is why the same code performs better on codegolf.tk than dwitter. Not trying to advertise, but it's true and it was just an accidental product of how it was made i guess. E.g. compare d/11913 to https://codegolf.tk/a/366 The code is identical, but on my computer the latter runs visibly smoother. ¯\_(ツ)_/¯ If any plucky ducks want to compare sources, the frontend of codegolf.tk is here https://github.com/srmcgann/codegolf2.0, and the backend: https://github.com/srmcgann/codegolf/blob/ma…
u/rnbw

this is just a wonder to behold
u/joeytwiddle

It's worth investigating cantelope. Someone reported it here: https://github.com/lionleaf/dwitter/issues/4… How can we display framerate on CodeGolf.tk?
u/f8f82804

#d3 #perspective #model

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!

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d-3e3,s=30-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:21 AM UTC

}// 136/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 without any #distortion #correction

u/f8f82804

remix of d/11749

dwitter.net | #perspective