Top dweets by u/pavel

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

pavel

function u(t) {

for(c.width=i=640,n=32,q=2*t%1*n|0;i--;x[X>7&X<12&[810,865,1858,9808][q>>3]>>i/8+X+6?'fillRect':'strokeRect'](X*n-q,(i&-n)-q,n,n))X=i%n

Apr 16 2020 7:25 PM UTC

}// 135/140

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

Keep Gliding Mr Conway

Show more comments…
u/pavel

#gameoflife #glider
u/pavel

https://www.reddit.com/r/perfectloops/commen…
u/Xen

love it!
u/joeytwiddle

#tribute
u/rodrigo.siqueira

Wow! I've been using this Glider image (also known as HACKER EMBLEM) for years as my computer wallpaper, here is full hd version of my wallpaper: https://in.bot/agi/Hackers-emblem-Carbon-Gli…
u/Qwitter

Life was definitely a gateway drug for me as well.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=4;--i;x.arc(480*i+R-30*o,540,R>0?R:-R,0,7))o=2-(t+1.5-i)%3/3*4,R=15*o+60/o;t&1&&x.arc(0,540,1e4,0,7);x.fill`evenodd`

Jul 6 2019 3:54 AM UTC

}// 131/140

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

Show more comments…
u/pavel

Based on https://www.reddit.com/r/loadingicon/comment…
u/joeytwiddle

That's a nice subreddit for inspiration
u/KilledByAPixel

👍
u/Xen

love it!
u/magna

Awesome!
u/katkip

wow!
u/aleamb

love it!
u/Joachim

#loading

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(i=c.width|=0,x.setTransform(99,0,0,99,960,540);i--;x.fillRect(X-.5,i%32-16.03+X/2-X/(1+1e4**S(t)**7),1,.06))X=(i%512||x.rotate(1.57))>>5

Apr 24 2022 3:57 PM UTC

}// 140/140

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

#beesandbombs

u/pavel

Source: https://twitter.com/beesandbombs/status/1361…

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

pavel

remix of d/17613 by u/DaSpider

function u(t) {

with(x)for(i=35;i--;fillStyle=R(320-r,160-r))for(j=6;j--;fill(ellipse(960,540,r=1.2**(i+t%2-2),5*r,(j+i/2+t/6)%6*Math.PI/6,0,7)))beginPath()

Feb 14 2020 3:47 AM UTC

}// 140/140

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

#flower

u/katkip

nice
u/ivylab

zomg beautiful!

show FPS hide FPS share fullscreen

pavel

remix of d/13492 by u/KilledByAPixel

function u(t) {

for(c.width%=i=3600;i--;x.fillRect(535+S(t)*300+i%9*99+i/9%10*5/a,440+(i/90|0)*5-40/a,6,6))a=1/(1+7**(t-5-S(i*i)-i/500)),x.globalAlpha=a*a

Apr 27 2019 9:29 AM UTC

}// 138/140

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

mr #default I don't feel so good #tribute

u/pavel

Awesome idea, I just had to #uncompress it.
u/pavel

#uncompressed
u/KilledByAPixel

Wow, better thenthe original and uncompressed. Damn you pavel.
u/katkip

#thanos is my daddy

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12: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).

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;Y=i-->>6;x.fill(x.arc(((i&62)-Y)*48-o*C(A=~~t/.9549),(Y-2)*83-o*S(A),30,A,A-3,i%2)))x.beginPath(o=i%2*96/(1+1e9**(.5-t%1)))

Nov 25 2018 5:45 AM UTC

}// 140/140

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

Sliced Dots #beesandbombs

u/pavel

Golfed 3 loops into one. Lowest bit of i determines half-circle, next 5 bits determine X and the rest determine Y
u/pavel

i&62 = (i>>1)%32*2 = X*2
u/jylikangas

There's a lot of really clever tricks in your dweets. Keep them coming! :)
u/katkip

wow

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10354 by u/pavel

function u(t) {

for(x.fillRect(0,0,i=W=c.width=600,W);i;i-=5)for(j=0,a=((W*i^1e7)+t*W)%W;j<a;x.fillText(i%j&1,i,j+=9))x.fillStyle=R(b=(a-j<9)<<8,300+j-a,b)

Oct 13 2018 4:01 AM UTC

}// 139/140

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

Matrix Rain v2

show FPS hide FPS share fullscreen

pavel

remix of d/24665 by u/stephanegeorget

function u(t) {

for(i=c.width|=h=Math.PI/2;m=--i**C(t);x.fillRect(960+s*r*C(a),540+s*C(i*i),s/=36,s))r=C(i**9)*(m/S(i%h-84)+S(i*i))/++m,s=800/(3+r*S(a=i+t))

Dec 31 2021 2:26 AM UTC

}// 140/140

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

Cube and sphere appear

u/stephanegeorget

Amazing 🤩
u/vain

Very cool!
u/neimad

mastery of dwitter right here
u/Joachim

#d3 #cube #sphere
u/f8f82804

#perspective

dwitter.net | pavel (7322)