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|=f=n=>2+232*Math.abs(n-(n+.5|0)),t++,i=19;i--;x.beginPath(x.fill()))x.arc(16*f(C(i/3)/16+t/200**.5),9*f(S(i/3)/9+t/9),20,0,7)

Jul 25 2021 12:19 AM UTC

}// 137/140

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

Perfect Reflection

u/pavel

Inspired by https://www.youtube.com/watch?v=6z4qRhpBIyA
u/KilledByAPixel

Good one! I saw it too. Reminded me of d/13906

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/15161 by u/KilledByAPixel

function u(t) {

for(c.width|=j=9;j--;x.fill())for(x.beginPath(i=6);i--;x.arc(960+r*C(b=.785*(2*j-o)-t),540+r*S(b),120,a=i/.96-o*2*t,a))o=j>4,r=o?223:j&&315

Nov 10 2020 11:11 PM UTC

}// 139/140

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

#uncompressed #symmetry

u/Xen

nice!
u/donbright

how.....

show FPS hide FPS share fullscreen

pavel

remix of d/17888 by u/New_Core

function u(t) {

for(k=c.width|=0;j=--k>>6;x.fillRect(960+99*(2*C(j)+S(i*22))/z,540+(99*S(j)+i*S(v=i/69)*C(v-5*q))/z,4/z,8*S(4*v-4)/z))i=k%64,q=t+j,z=5-q/3%5

Mar 11 2020 7:08 PM UTC

}// 140/140

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

Birds 2

show FPS hide FPS share fullscreen

pavel

remix of d/701 by u/sigveseb

function u(t) {

for(x[f='fillRect'](i=8,0,2e3,2e3);w=3*i--;)for(x.fillStyle=R(s=666/i,s/2,s/4),k=w*w;b=k--/w|0;a+b&1&&x[f]((a-t%2)*s,(b-2+S(t))*s,s,s))a=k%w

Mar 4 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).

More layers and a black background #improved

u/sigveseb

Nice!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(w=i=c.width|=h=Math.PI/2;i--;x.fillRect(w/2+r*C(i+t),(i<w/3?w/3:i)/2+r/2*S(i+t)*S(t),4,10))r=(i<w/2?i:w-i)/2/C(i%h-h/4-(i%h>h/2)*h/2)

Dec 19 2018 10:57 PM UTC

}// 137/140

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

Diamond

u/joeytwiddle

#model
u/f8f82804

#d3

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=60,x.scale(5,5);i--;x.ellipse(192,20+o*160,o?60:80,o?30:15,0,a=(i>>1)*(o-.5)*.42+S(3*t)*.7,a+7))o=i+i/2&1
x.stroke()

Dec 11 2018 1:37 AM UTC

}// 131/140

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

Twisted Cylinder #beesandbombs

u/pavel

Single stroke call and only ellipse to draw. The lines are canvas connecting the various ellipse draw cal into a single stroke, I just manage the start angles.
u/pavel

o determines which ellipse, 0 is top and 1 is bottom. It goes: top, bottom, bottom, top. Four-cycle to draw two vertical lines and reset. The angle increments every 2 so top and bottom angle is the same.
u/jylikangas

Thanks for writing about the tricks in your dweets.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=w=540;i--;)for(x.beginPath(k=3);k--;x.fill())x.arc(p=i%32*99,q=(i>>5)*99,k?20:40,a=2*k+Math.atan2(1+S(t)-q/w,2+C(t/2)-p/w),a)

Nov 18 2018 10:14 PM UTC

}// 140/140

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

Compass Needles #beesandbombs

show FPS hide FPS share fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,r)=>r>1&&x.moveTo(X+r,Y)+x.arc(X,Y,r,0,7)+f(X+r*C(a=(S(b=5*t)-b)/4),Y,r/2)+f(X,Y+r*S(a),r/2)
f(960,540,270)
x.fill`evenodd`

Oct 13 2021 9:44 PM UTC

}// 139/140

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

Some nice math for the 270 initial radius: The half-height is 540, this must equal r+r/2+r/4+r/8+...=r(1+1/2+1/4+1/8+...). Think about the bit in the brackets in terms of pizzas. You have a whole pizza, plus half a pizza, plus a quarter (half the remaining half), plus an eighth (half the remaining), etc. You have two pizzas! So 540=r*2.

u/pavel

Remix of d/11587. I remixed my other remix but that one was boring so I deleted it.
u/ciaccodavide

nice!
u/cantelope

i think about everything in terms of pizzas

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23980 by u/primo

function u(t) {

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.6),1))f=n=>6-n*i/3e3-6*n>S(Math.hypot(i/64%2-1,i/5e3-2.2+1/n)*12*n-8*t)?f(n+.02):n/.7-.7

Oct 3 2021 11:54 PM UTC

}// 138/140

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

#raytracing z = sin(sqrt(x*x + y*y) - t)

u/pavel

Also a pretty generic ray tracing 'engine.' Change f to trace other things.
u/pavel

Style remix, no idea how the code I'm remixing works yet. It does not look to do ray tracing so its clearly better.
u/primo

The original uses z + ∂/∂y z for saturation, which looks about right tilted at or near ~26.5°.
u/pavel

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.7),1))f=n=>(z=5-i/3e3-3*n)>S(Math.hypot(i/64%2-1,i/5e3-n)*9-6*t)?f(n+.03):--z*.4 is a better one, no weird view prism.

show FPS hide FPS share fullscreen

pavel

remix of d/12336 by u/pavel

function u(t) {

for(i=t?w=600:a=b=0;i--;x.fillRect(w*b,w-w*a,1,1))[a,b]=[[3.4*a+b/6,a-b,b-a,0][q=Math.random()**t*4|0]/4,[3.4*b-a/6+2,a+b+1,a+b+.5,b][q]/4]

Apr 17 2020 11:24 PM UTC

}// 139/140

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

Barnsley #fern #fractal #leaf #uncompressed

u/pavel

This version is also #improved with a #grow effect and a cap on how dark the image gets if you leave it for a while.
u/Xen

nice!

dwitter.net | pavel (7441)