Hot 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

function u(t) {

with(x)for(r=i=641;j=--i>>6;r=!fillRect(r,r,r*=-2,r))setTransform(w=256,0,0,120,960,w+i),fillStyle=R(a=r-!rotate(t*(j-9)/2-4)?99:w-i%64,a,w)

Dec 31 2021 1:16 AM UTC

}// 140/140

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

Ice flow, nowhere to go

u/pavel

Inspiration: reddit.com/r/blender/comments/rrxtip
u/joeytwiddle

Title inspiration: https://youtu.be/AI6mM3an6n4

show FPS hide FPS share fullscreen

pavel

remix of d/24487 by u/gravityGobbler

function u(t) {

x.font='7em"'
x.fillText("Loading 'Best Dweet you will ever see'...",9,500)
x.strokeRect(460,600,1e3,99)
x.fillRect(460,600,996*t/(1+t),99)

Dec 12 2021 11:33 PM UTC

}// 139/140

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

Best Dweet you will ever see

Show more comments…
u/vain

haha... i waited a long time while drinking 5 cups of coffee ... but loading or precalculation took to long before the best part of this dweet started 🤣
u/magna

#loading
u/magna

d/2588 ;)
u/KilledByAPixel

Always feels good staying up late and refreshing dwitter to see a new pavel :)
u/KilledByAPixel

d/13726 <- youtube on dwitter (takes a while to load)
u/magna

Got another one of those :) d/3098
u/magna

^ Sorry: d/2403
u/andrea270872

:D I also fiddled with some loading bars... https://www.dwitter.net/d/17592 ;) ;)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=1e4;i--;x.fillRect(660+u+v,220+u-v,32,32))r=(50*i-i*i/200)**.5,u=i/17+r/2*S(a=i/4+32*frame),v=r*C(a),x.fillStyle=`hsl(${a/7},69%,50%`

Dec 5 2021 9:39 PM UTC

}// 139/140

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

u/vain

Well done! Try to change "v,32,32" to "v,32,.02" or "v,32,.05" or "32,.2" to archive some interesting effects.
u/KilledByAPixel

you probably already know but you can remove the hsl comas to save a byte hsl(${a/7} 69%50%
u/pavel

That does not work in Safari, the color will always be black.
u/f8f82804

#sphere

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(s=i=16<<!t;i--;x.fillRect(t?X+=C(a=b/.63662):(b=X=576,Y=138,608+i%4*224),t?Y+=S(a):186+(i>>2)*224,s,s))f=frame/7%21
b+=1282675>>f&!(f%1)

Nov 26 2021 8:38 PM UTC

}// 140/140

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

Pen Pattern

Show more comments…
u/pavel

Source: https://www.reddit.com/r/oddlysatisfying/com…
u/pavel

1282675 encodes the 'turn right' or 'straight' orders in binary, >>f&!(f%1) checks them on frames when f is an integer.
u/tomxor

Satisfying, looks like a recursive "Bowen Knot"
u/leafyvez

so beautiful
u/rep_movsd

This looks like the traditional "kolam" that Indians traditionally draw in front of the house
u/rep_movsd

Changing that 1282675 makes different patterns
u/leafyvez

u/rep_movsd exactly my thoughts!
u/magna

Awesome!
u/tomxor

-1 b+=468199
u/tomxor

(0b1110010010011100111)
u/tomxor

Oops, you have to flip X and shift it a bit, then it's -1
u/pavel

If you start with 0 and simultaneously replace 0 with 1 and 1 with 001 you will generate this sequence and bigger ones.
u/pavel

Similarly, if you start with 1s and replace s with s1s00s1s and ignore s when drawing.
u/pavel

I invented the second method. The first one I found by putting my hand-made small sequence into https://oeis.org .
u/CalSch

It's the command key but more complex

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=5e3,t||x.fillRect(0,0,i,i);i--;x.clearRect(960+s*X,540+s*(i&1?Y:-Y),3,3))X=2*(60*t%15-7)+C(a=i/7),Y=(4*t<<1)+S(a),s=500/(X*X+Y*Y)

Nov 18 2021 1:07 AM UTC

}// 135/140

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

Round and round

u/donbright

awesome
u/donbright

#circlepacking

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

t?0:X=Y=360
X-=Y>>4
Y+=X>>4
x.fillRect(960+X,540+Y,9,9)

Nov 1 2021 8:52 PM UTC

}// 55/140

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

Minsky circle algorithm #circlechallenge

u/cantelope

>>8 creates an octagon, strangely
u/donbright

awesome
u/rep_movsd

x.fillText(t?0:X=Y=360,960+X,540+Y) Y+=(X-=Y>>4)>>4 works too

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 3 remixes fullscreen

pavel

remix of d/24056 by u/KilledByAPixel

function u(t) {

for(i=u=~u*7&511;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

Oct 11 2021 5:55 PM UTC

}// 91/140

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

u/pavel

for(i=u=~u*697&475;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u) has the parabola shape but is 92 and a little too symmetric.
u/pavel

Err, I meant for(i=u=~u*81&493;w=i--/4;)x.fillRect((t||S(i))*3e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

show FPS hide FPS share fullscreen

pavel

remix of d/24072 by u/BackendForth

function u(t) {

for(i=c.width|=0;i-=8;)x.arc(X=960-99*S(t+=.03),540+i,200+i/8,2,8)
x.fill()
h=21*S(t+C(t))
for(j=2;j--;)x.clearRect(X-50+99*j,529-h,11,2*h)

Oct 11 2021 10:31 PM UTC

}// 139/140

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

u/BackendForth

Nice! The blinking makes it much more life-like . . . unlife-like?

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.

dwitter.net | pavel (7289)