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

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(c.width|=i=16,x.scale(2,2);i--;x.moveTo(480,0),x.arc(480-r*S(a=C(40*t/r**.5)),r*C(a),r/16,a-11/7,9))r=4e4/(9+i)**2;x.stroke();x.fill()

Dec 20 2018 7:18 AM UTC

}// 138/140

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

#pendulum #waitforit

u/katkip

Nice
u/cantelope

can save a byte by nesting x.fill(x.stroke())
u/katkip

It's better than d/6440

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) {

for(c.width&=i=8320;i--;)x.fillRect(X=i&127,i>>7,1,Math.min(...[0,2,4].map(a=>1.4-S(a+=4*t)/6-(.4-Math.hypot(X/32-2+C(a),i/4e3-1))**.3||1)))

Jul 22 2022 11:07 PM UTC

}// 140/140

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

The Three-Body Problem

u/pavel

#raytracing

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 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!

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x){for(i=c.width|=0,q=1-t%2,fillStyle='#09f',scale(5,5);a=--i>>5;rect(180+24*(a*q-9*q+b),24*(a-b*q)-119,22,22))b=i%32-9;fill(stroke())}

Jan 25 2020 8:17 PM UTC

}// 140/140

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

Windmill #tiling

u/pavel

Inspired by the Mathologer video https://www.youtube.com/watch?v=DjI1NICfjOk

show FPS hide FPS share fullscreen

pavel

remix of d/12693 by u/danny@hille.dk

function u(t) {

for(i=c.width|=p=240;i--;e>0&&x.fillRect(q+i%5*500,i-p,e,20))q=S(a=3*S(t/2)+i*.3146)*p,e=C(a)*p-q,x.fillStyle=`hsl(${i*90},99%,${8*e**.3}%`

Mar 9 2019 3:54 AM UTC

}// 139/140

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

u/katkip

This looks so much like a WebGL dweet but it isn't.
u/joeytwiddle

#twister

dwitter.net | pavel (7289)