Dweets awesomed by u/dull_pixel

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

pavel

function u(t) {

for(let i=2e3,f=(x,n,c=8-(t+6)*n)=>~n&(x*x*n*n+(8+(t-12)*n)**2+c*c-5)**2/16+c*c>1?f(x,n+=.002):c;i--;)x.fillRect(i,t*180,f(i/135-7,.7),3)

Apr 23 2020 7:27 AM UTC

}// 137/140

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

Actually #raytracing a #torus using ray marching

Show more comments…
u/Xen

Sweeet!
u/tomxor

Yes! we need more explicit surfaces on dwitter :)
u/Odog8

which expression is the DFT?
u/tomxor

I'm confused... this isn't explicit? it recurses.
u/pavel

This recurses just to advance ray length.
u/pavel

The closed form expression is x*x*n*n+(8+(t-12)*n)**2+c*c-5)**2/16+c*c-1 where c=8-(t+6)*n and n is the free variable.
u/tomxor

Ah, so is this technically ray casting? I have to ask because I still don't intuitively get all of the math.
u/tomxor

Sorry I meant ray marching
u/pavel

Yes. The math constructs a ray from (0,8,8) looking at (0,0,0), varied a bit depending on the pixel being drawn, its length is a function of n. I plug this into the equation for a torus and increment n from .7 to -1 until I find a zero of the equation.
u/pavel

Here is a version without much golfing that makes things clearer for(let i=2e3,f=(o,n,x=o*n,y=t/3*n-n,z=4-n)=>z>-1&(x*x+y*y+z*z+3)**2>16*(x*x+y*y)?f(o,n+.01):z;i--;)x.fillRect(i,t*180,f(i/540-16/9,3),3)
u/pavel

(x*x+y*y+z*z+3)**2>16*(x*x+y*y) is directly from https://en.wikipedia.org/wiki/Torus
u/pavel

with R=2 and r=1
u/pavel

This example shoots rays from (0,0,4). In order to rotate the shape you have to move where the rays come from, the camera!
u/tomxor

Thanks for the explanation 👍

show FPS hide FPS share 6 remixes fullscreen

pavel

function u(t) {

for(f=c=>Math.tanh((r>1?3:13)*S(9*c/d)),Y=t/3-1,i=2e3;i--;x.fillRect(i,t*180,(1+f(X)*f(Y))*(d/2+Y/3.6),3))X=i/540-16/9,r=X*X+Y*Y,d=r>1||C(r)

Apr 22 2020 6:18 AM UTC

}// 140/140

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

Experimenting with #raytracing. I finally figured out why the cosine trick from d/1112 works.

u/Cloud

WOW!

show FPS hide FPS share 2 remixes fullscreen

lionleaf

remix of d/18375 by u/sigveseb

function u(t) {

r=Math.random
for(i=899;i--;)R=r()*300,A=r()*6.28,x.fillRect(960+R*S(A),540+R*C(A),3,3)

Apr 21 2020 8:56 PM UTC

}// 87/140

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

#circlechallenge - try changing the 6.28 to 6, 7 or 8 :)

u/donbright

i change it to t ;)

show FPS hide FPS share 1 remix fullscreen

sigveseb

remix of d/18368 by u/veubeke

function u(t) {

t||x.translate(960,540);x.rotate(0.005);x.fillRect(-1,-300,2,600);

Apr 21 2020 12:24 PM UTC

}// 66/140

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

#circlechallenge

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡡𛡰𭑳𪀨𮱘𞡁👥𛡸𛰲𝐷𛐱𛠵𝀬𦐺𠠽𩐮𮐯𜐴𝐭𜐮𜐬𠐬𠡽𚐊𮀮𩡩𫁬𤡥𨱴𚁴🱸𛡧𫁯𨡡𫁁𫁰𪁡🐮𜀵𞡡👛𧐬𜀬𜡥𜰬𜡥𜰩𒡡𛡭𨑰𚁯🐾𮱷𪑴𪀨𫰩𮀮𨱬𩑡𬡒𩑣𭀨𦀪𞀷𜠫𜐳𝀴𛁙𚠴𞐱𚰵𝀰𛀵𛀵𛁘👘𚡘𛑙𚡙𚰨𦐽𜠪𦐪𦀫𠠬𠐩𚑽𚐻`.replace(/u../g,'')))

Apr 13 2020 12:26 AM UTC

}// 138/140

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

Mandelbrot Orbit Explorer 2.0 #Interactive

u/KilledByAPixel

Enhanced version: https://codepen.io/KilledByAPixel/pen/GRpJEzO
u/KilledByAPixel

#buddhabrot #fractal
u/iverjo

#witchcraft

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

c.style.filter='sepia()invert('
r=Math.random
A=X=r()*4-2
B=Y=r()*2-1
for(q=i=540;i--;x.fillRect(X*q+1200,Y*q+q,1,1))X=X*X-Y*Y+(Y=2*Y*X+B,A)

Apr 9 2020 4: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).

Mandelbrot Galaxy #Fractal #SlowDraw

Show more comments…
u/KilledByAPixel

GIF: https://twitter.com/KilledByAPixel/status/12…
u/KilledByAPixel

#Mandelbrot #WaitForIt
u/joeytwiddle

Very pretty! Mandelbrot in space
u/iverjo

Impressive
u/tomxor

Incredible!
u/aleamb

beautiful!!
u/Xen

sexy!
u/DataMeta

coool!
u/KilledByAPixel

thank you 😊
u/KilledByAPixel

#buddhabrot
u/Qwitter

Nice to see

show FPS hide FPS share fullscreen

Kirjava

function u(t) {

eval(unescape(escape`𭁼𯀨𬰽𦰮𛠮𘠠𜐳𡁜𫡆𞀲𠱜𫡅𠐵𝁜𫠶𞑂𝰢𧐬𥀽𜀩𛁯𫡫𩑹𭑰👮🐾𚁑👳𦱶👔𚱛𛐱𛀵𛀱𛀭𝑝𦰳𙡮𛡷𪁩𨱨𧑝𚐾𘠰𘠿𬱛𬱛𥁝👑𛁔👶𧐽𘠠𘠺𜀬𩀽𩁯𨱵𫑥𫡴𛡢𫱤𮐬𩀮𪑮𫡥𬡈𥁍𣀽𘠼𬁲𩐾𘠫𬰮𪡯𪑮𨁠𛁤𛡳𭁹𫁥𛡦𫱮𭁓𪑺𩐽𙰵𩑭𙰻`.replace(/u../g,'')))

Apr 2 2020 9:23 AM UTC

}// 132/140

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

15 puzzle #game #interactive

u/Kirjava

control with IJKL
u/katkip

Works on light theme

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

with(x)restore(save(),scale(9,-9),translate(a=98,b=-49),beginPath(clip(rect(t*60%a+b,b,1,a))),clearRect(b,b,a,a),fillRect(b,~rotate(t),a,9))

Mar 30 2020 6:42 PM UTC

}// 140/140

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

#rollingshutter effect on a spinning #propeller

u/sigveseb

Kinda trippy

show FPS hide FPS share fullscreen

pavel

remix of d/18074 by u/pavel

function u(t) {

c.width|=f=(X,Y,d,z=2+X*S(a=Y-4*t))=>d>>8?x.fillRect(960+1e3*X*C(a)/z,540+1e3*Y/z,6,6):[t,t+2,t+4].map(i=>f(X+C(i)/d,Y+S(i)/d,2*d));f(0,0,2)

Mar 28 2020 3:27 AM UTC

}// 140/140

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

#sierpinski dance

Show more comments…
u/sigveseb

Very clean!
u/DataMeta

So smooth!
u/aleamb

wow! very smart code!
u/lionleaf

What an amazing dweet. And little did you know I had already planned #dancing as the theme for April. You were ahead of the times :D
u/joeytwiddle

Nice! Here is a dirtier, underrated relative: d/13611
u/Qwitter

looks glossy!
u/vain

Very nice and smooth 3D rotated and transformed sierpinski

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=i=4;i--;i%2||beginPath(fill()))fillStyle=R(r=150+90*S(a=t%3.14+(i>1)*22),r),arc(960-666*C(a),540,i%2*r,a/=2,a<.73?-a:19)

Mar 27 2020 5:41 AM UTC

}// 140/140

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

#pacman #loop

u/aleamb

love it!
u/farter

poop eats
u/farter

*my poop eats me*

dwitter.net | dull_pixel (15260)