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

remix of d/19060 by u/aaaaaz

function u(t) {

for(i=c.width|=0,x.scale(9,9);i--;)x.fillText(['✊🏻','✊🏼','✊🏽','✊🏾','✊🏿'][i%5],99+133*S(i*i),125-i/14+(7+i%7)*S(S(i)/5-2*t)**2)

Jun 6 2020 6:33 PM UTC

}// 126/140

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

#blacklivesmatter

u/AndrewK

cool
u/albertmelo

beautiful!
u/aaaaaz

Thank you ^^

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0,q=(t%1)**5;i--;x.fill(x.arc(960+p(1),540+p(6),(i%2||q)*90,0,7)))x.beginPath(p=m=>((i>>m)%32-16)*90*(t+m&1?(1+q)*(1+i%2):2))

Jun 1 2020 4:22 AM UTC

}// 140/140

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

https://twitter.com/concinnus/status/1265689…

u/KilledByAPixel

it actually has one of your dweets in it :)
u/katkip

smooth

show FPS hide FPS share fullscreen

pavel

function u(t) {

x.font='5cm"'
x.fillText(`Blood turns	wine.when it leak for police.Like."Thats not a	riot.its a feast.lets eat!"`.split`.`[~~t],0,175*-~t)

Jun 2 2020 11:16 PM UTC

}// 138/140

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

From None Shall Pass by Aesop Rock

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(let i=2e3,z=(i,j=6)=>j&&Math.max(z(i,j-1),(1/j-(i/540-1.8+C(j))**2-(t/3-1+C(j*j)/2)**2)**.5-S(j)/3||0);i--;)x.fillRect(i,t*180,1-z(i),3)

May 19 2020 5:17 AM UTC

}// 140/140

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

#raytracing a baby alien?

u/katkip

kinda #cute
u/yonatan

looks like a teddybear to me
u/andrea270872

Wow! It has a really organic look to it
u/veubeke

If I look at it for longer than 5 seconds, it looks like it’s moving. 😱
u/KilledByAPixel

Congrats, I can see the family resemblance! 😂

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/18610 by u/KilledByAPixel

function u(t) {

with(x)for(k=i=999;--i;beginPath(fill(arc(k+i+r*C(a=i%2?i+240*t:(i-k*t>>5)**5),540+r*S(a),r/5,0,7))))fillStyle=R(i/4),r=(S(t)/2+1+i%2)*7e4/i

May 7 2020 5:55 PM UTC

}// 140/140

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

#blood #cavern 🩸 #uncompressed

u/KilledByAPixel

amazing!
u/KilledByAPixel

interesting how we made different concessions to make it fit!
u/katkip

now Hemoglobin is *l o n g e r* wow.
u/nml

looks like a red blood vessel

show FPS hide FPS share 5 remixes fullscreen

pavel

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=24e3/i,0,0,4*s,960-i+9*s*C(a=i+60*t),540+8*s*S(a)),~rotate(T(a*a)),2,2))fillStyle=R(9,i/4,i/3)

May 4 2020 7:34 PM UTC

}// 140/140

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

Underwater #cavern

Show more comments…
u/KilledByAPixel

sick
u/KilledByAPixel

looped https://twitter.com/KilledByAPixel/status/12…
u/pavel

One trick here is f();g();h(-1,-1) is the same as h(~f(),~g()) when f and g return a falsy value, undefined in this case.
u/pavel

Notice how none of the distance variables are based on time, only angles are, yet the distances are changing and nothing is rotating...
u/pavel

Try making the moving a little faster :)
u/pavel

After I wrote this I looked for other dweets using a similar technique and this is the earliest one I've found, and it includes an explanation d/10212
u/KilledByAPixel

Amazing work! I have not seen the ~ before, will be using it a lot now. I tried to explain the 60*t trick in one of my blog posts, https://frankforce.com/?p=7160
u/pavel

That is an amazingly detailed explanation with great visual aids.
u/pavel

To clarify your explanation, any integer time works. 60*t is naturally an integer (ish). frame is one char longer without numerical errors. In general, (n*t|0) works for any n.
u/AndrewK

privet
u/katkip

masterpiece
u/joeytwiddle

I think this also counts as a #tunnel
u/Qwitter

Awesome!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11930 by u/pavel

function u(t) {

with(x)for(i=-6*t%1;i++<66;fill())for(beginPath(fillStyle=R(8*i,4*i),j=36);--j;arc(960,h+h*S(3*t)**2/i,h/i*(9+C(~~i+6*t^j)),b=9+j/9,b))h=777

May 2 2020 4:35 AM UTC

}// 140/140

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

Walking through a #cavern

Show more comments…
u/KilledByAPixel

🤯 genius
u/KilledByAPixel

Looped! https://twitter.com/KilledByAPixel/status/12…
u/sigveseb

Wooow sweet!
u/aleamb

yeah!
u/sigveseb

Really nice colors
u/jick

Holy cow, wow!
u/Xen

sexy!
u/katkip

aannd we have a winner!
u/KilledByAPixel

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

the gif is very blurry
u/KilledByAPixel

HD gif for you - https://www.dropbox.com/s/u3wbakb6e4sm00y/pa…
u/Qwitter

Wow!
u/vain

Who needs longer shaders? ;-) Real DemoScene feeling

show FPS hide FPS share fullscreen

pavel

remix of d/18577 by u/trusktr

function u(t) {

c.parentNode.style='perspective:4in';onmousemove=e=>c.style=`background:tan;transform:rotateY(${e.x-284}deg)rotateX(${160-e.y}deg)scale(.7)`

May 3 2020 2:29 AM UTC

}// 140/140

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

Tan plane looking at your mouse

u/pavel

#interactive #mouse
u/pavel

I tried doing this in js but its just too hard to fit!
u/pavel

168 c.width|=onmousemove=e=>T=e;b=.6-T.y/264;e=g=>C(i)*g(1-T.x/264);f=g=>S(i)*g(b)+e(S)*g(b-1.6);for(i=.8;i<6;x.fill(x.lineTo(960+e(C)/z,540-f(C)/z)))i+=1.57,z=(2+f(S))/960
u/pavel

This post looks better with rotation angles divided by 2 but I couldn't figure out how to fit it.

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/18503 by u/BriSeven

function u(t) {

with(x)for(i=0;i<960;fillRect(i%4*4-7,(y&3)*4-7,s=i++?rotate(t)||2:52,s))fillStyle=R(y=i/4,setTransform(48,0,0,24,i&&960,i&&540-y*S(t)),i/2)

Apr 30 2020 4:14 AM UTC

}// 140/140

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

u/BriSeven

This is super impressive pavel, I don't know how you did it or how this code works yet, but you stuffed it into 140. wow

show FPS hide FPS share fullscreen

pavel

function u(t) {

f=(X,y,r=80,a=0)=>r>6&&[0,.4,-.4,0].map(o=>o?f(X+r*S(a)*C(X*y/4e4+t),y-r*C(a),r*.8,a+o):x.lineTo(X,y));c.width=640;f(320,360);x.stroke()

Apr 24 2020 8:23 AM UTC

}// 136/140

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

Rotating #tree #fractal

u/pavel

Inspired by https://twitter.com/ntsutae/status/125356447…
u/neimad

You should do a twitch channel. amazing.
u/ntsutae

I’m honored.
u/pavel

u/ntsutae :O I love your stuff on twitter! 素晴らしですよ
u/vain

Great 3D version !!

dwitter.net | pavel (7290)