Dweets awesomed 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

KilledByAPixel

remix of d/18141 by u/BriSeven

function u(t) {

with(x)for(c.width|=i=3;i--;fillText([...'🤚🧼🤚'][i],99,0))save(restore(font='39em"')),translate(960+99*C(a=t+8*i),99*S(a)),rotate(2+S(a*3)/9)

Apr 4 2020 8: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).

Proper Hand Washing Technique

u/magna

LOL!

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=i=620;i--;x.lineTo(310*(z+p*S(b))/z,300*(3+q*C(a))/z))q=i/8&1||-1,p=4-q*S(a=S(a=S(b=i/98+2*t)+b)/2+a/2),z=8+p*C(b-=t);x.stroke()

Apr 4 2020 7:12 PM UTC

}// 140/140

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

#mobius strip

Show more comments…
u/pavel

Using sin(sin(x)+x)+sin(x)+x as a smooth staircase function to implement the flip as a pulse.
u/KilledByAPixel

👍
u/Xen

love it
u/aleamb

love it!
u/danny@hille.dk

Nice - möbius tape
u/Qwitter

Im sorry, but I find only one side of this to be Awesome.
u/vain

beautiful and smooth transformation / animation

show FPS hide FPS share fullscreen

ersagun

remix of d/18086 by u/pavel

function u(t) {

with(x)fillStyle='#FFF',fillRect(0,0,2,1e3),fillStyle=R(),fillRect(0,540,2,10),drawImage(c,2,Math.random()*10-5)

Apr 2 2020 9:28 PM UTC

}// 112/140

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

brown noise

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=1920;i--;x.fillRect(i&-T,i%T*T,T=32,T))x.fillStyle=`hsl(${T*t},99%,${u[i]=u[i]*.94+T/Math.hypot(i/T-T-C(3*t)*20,i%T-16-S(4*t)*9)||0}%`

Apr 2 2020 4:46 AM UTC

}// 140/140

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

Flare

Show more comments…
u/pavel

Inspired by https://twitter.com/ntsutae/status/124366720…
u/jylikangas

Lovely use of an array for the trail effect!
u/BriSeven

hypot?! WHAAAT how long has THAT been there?
u/katkip

this is actually easier than it looks
u/sigveseb

Looks very pretty :)
u/aleamb

amazing!
u/rodrigo.siqueira

It reminds me the light and movement of this Fluid Simulation https://paveldogreat.github.io/WebGL-Fluid-S…
u/Scaledish

hell, it looks better than the fluid simulation
u/joeytwiddle

#glow #worm

show FPS hide FPS share fullscreen

Kirjava

function u(t) {

for(a=0;a<6;)r=(1+C(8*a))*(1+.1*C(24*a))*(1+.1*C(200*a))*(1+S(a+=.01))*180,x.lineTo(S(q=a-4.7)*r+900,C(q)*r+900);x.fillStyle="#0A0",x.fill()

Apr 1 2020 6:25 PM UTC

}// 140/140

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

just a normal plant leaf

u/katkip

dank
u/metamero

great! #legalize _\|/_
u/SophiaCristina

I really like this plant!

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

f=(i,j=i%1,k=~~i,m=j*j*(3-2*j))=>S(k*k)*m---m*S(--k*k)
for(i=c.width|=0;i--;)x.fillRect(i,540+99*f(i/32+5*t),5,5)

Mar 28 2020 9:41 PM UTC

}// 113/140

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

I would love to find a better / shorter 1D noise function #challenge

u/pavel

This one assigns a 'random' number to each integer k via S(k*k) and uses smoothstep to interpolate between them.
u/pavel

Another idea to play around with f=(i,n=9)=>n&&C(n**.5*i)/n+f(i,n-1)
u/joeytwiddle

#random

show FPS hide FPS share fullscreen

pavel

remix of d/18074 by u/pavel

function u(t) {

c.width|=f=(X,Y,d,z=2+X*S(a=Y-4*t))=>d>>8?x.fillRect(960+1e3*X*C(a)/z,540+1e3*Y/z,6,6):[t,t+2,t+4].map(i=>f(X+C(i)/d,Y+S(i)/d,2*d));f(0,0,2)

Mar 28 2020 3:27 AM UTC

}// 140/140

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

#sierpinski dance

Show more comments…
u/sigveseb

Very clean!
u/DataMeta

So smooth!
u/aleamb

wow! very smart code!
u/lionleaf

What an amazing dweet. And little did you know I had already planned #dancing as the theme for April. You were ahead of the times :D
u/joeytwiddle

Nice! Here is a dirtier, underrated relative: d/13611
u/Qwitter

looks glossy!
u/vain

Very nice and smooth 3D rotated and transformed sierpinski

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,r=Y,i=r>9&&3)=>{for(x.fillRect(X,Y,s=r<10&&12,s);i--;)f(X+r/2*C(a=23*i+t*C(i)),Y+r/2*S(a),r/2)}
f(960,540)

Mar 27 2020 6:17 AM UTC

}// 122/140

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

Why can't you just be normal #sierpinski ?

Show more comments…
u/pavel

I have no idea why this works. I was messing around with something else and then a sierpinski triangle popped out and started spinning around...
u/xem

love the explanation ^ :D
u/katkip

nice
u/pavel

I think I figured it out. If you set s=12 the structure becomes more apparent. +t*C(i) doing SO MUCH WORK is an amazing accidental find.
u/pavel

This certainly looks like a 2d projection of something 3d, how to get the depth information?
u/pavel

The trick is to rng three 2d vertices and smoothly vary them. Every combination uniquely maps to a valid 2d projection of a 3d plane so our brains infer the 3d shape.
u/pavel

for(c.width|=i=3;i--;x.lineTo(960+500*S(i*t),540+500*S(i+t)));x.fill()

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=i=4;i--;i%2||beginPath(fill()))fillStyle=R(r=150+90*S(a=t%3.14+(i>1)*22),r),arc(960-666*C(a),540,i%2*r,a/=2,a<.73?-a:19)

Mar 27 2020 5:41 AM UTC

}// 140/140

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

#pacman #loop

u/aleamb

love it!
u/farter

poop eats
u/farter

*my poop eats me*

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

x[f="fillRect"](0,0,2e3,2e3)
for(i=600;i--;x.fillStyle=R(i*T))x[f](T=800,199+i,i?M=24+C(t)*20:320,6),x[f](T-i*2,T+i,M+i,C(i/150))

Mar 25 2020 5:19 PM UTC

}// 129/140

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

Quarantine Door

u/sigveseb

Nice concept
u/joeytwiddle

#spooky #door #halloween

dwitter.net | pavel (31987)