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/12841 by u/andrea270872

function u(t) {

for(k=c.width|=0,x.scale(s=9+C(t),s);k--;)x.fillText([...'🏡🏠⛲🌊🌳🌳🌲 '][k**2.9&7],(k%40-9+9*C(t/2))*9,(k/40-9+9*S(t/3))*9)

Mar 20 2019 7:36 PM UTC

}// 119/140

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

Sim city

u/katkip

looks like a tsunami flood city to mo lmao

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

show FPS hide FPS share fullscreen

pavel

remix of d/1112 by u/sigveseb

function u(t) {

for(let w=c.width=127,i=9086,a,b,n,B;a=i&w,b=i--/w;x.fillRect(a,b,1,1/(t+a/n&1^b/n)))n=b-20,B=(w*S(t*9+n/9)+(a-40)**2+n*n)/1e3,n*=B>1||C(B)

Mar 7 2019 8: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).

#improved performance

Show more comments…
u/pavel

Original runs at 6fps on my machines this runs at 60fps. I lowered the resolution by a quarter (4x perf) and golfed 13 chars to let me declare all vars locally (2x perf).
u/tomxor

wow! this is a massive perf improvement, the original was impressive but I couldn't really see it realtime. Nice one :)
u/katkip

how
u/nender

Wow! This is amazing!
u/sigveseb

Nice!
u/f8f82804

#raytrace #d3 #pbr
u/Cloud

Cool!!!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/12669 by u/tomxor

function u(t) {

for(c.width=i=512;i-=1/8;x.fillRect(16*(X*2+Y+16),16*(X/2-Y+Z+9),6,9))X=i%8-4,Y=i/64-4,Z=S((X*X+Y*Y)/3+t),x.fillStyle=`hsl(${Z*99} 99% 50%`

Mar 7 2019 8:14 PM UTC

}// 139/140

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

show FPS hide FPS share fullscreen

pavel

remix of d/12604 by u/pavel

function u(t) {

for(a=q=k=2e3;r=k--/q;x.fillRect(960+500*i,540+500*r*S(a),9,9))i=r*C(a+=t/r),x.fillStyle=R(g=400*((d=1-r*r)**.5*i*S(t)+(d-.3)*C(t))**2+50,g)

Mar 6 2019 10:25 AM UTC

}// 140/140

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

show FPS hide FPS share fullscreen

pavel

remix of d/12626 by u/qm3ster

function u(t) {

for(w=i=3e3;i--;x.fillRect(p[0]+=S(a=++t*i),p[1]+=C(a),4,4))p=u[j=i>>5]=u[j]||[a=i*i%2e3,b=a**3%1080,R(0,a/8,b/4)],x.fillStyle=p[2]

Mar 6 2019 7:38 AM UTC

}// 131/140

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

Don't mind me, just testing my old markers

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(w=c.width=1e3,i=99;r=10*i--;i?x.stroke():x.fill())x.beginPath(p=(1+t/2-r/w)%2),x.ellipse(480,270+20*S(p*40)/9**p+!i*w*(p-2),r,r/3,0,0,7)

Mar 6 2019 7:01 AM UTC

}// 140/140

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

#water #drop

u/katkip

Looks good
u/aleamb

great!
u/mcdxn

damn!

show FPS hide FPS share fullscreen

pavel

remix of d/7094 by u/AnnanFay

function u(t) {

for(k=c.width|=q=44;k--;x.fillRect(300*(h>0)*h*S(i=k/q)+q*j,99*h*C(i)+1e3*(h>0||h+1)-j*j%300,3,3))x.fillStyle=R(h=(t+C(j=k%q))%2-1,99,k,1-h)

Mar 5 2019 4:48 AM UTC

}// 140/140

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

#improved with fading droplets

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨樽㈲㭱㵃⡶㵪ⴭ⼸⤬爽㌰〫ㄵ〪焬稽匨瘩㬩景爨椽ㄱ㐻甽椭⴯ㄸ㭸⹦楬汒散琨㤴㜫爪䌨甩ⰵ㈸⭲⩓⡵⤬㈵ⰲ㔩⥦㴲⩺⨨焪䌨甩⩓⡴⤫稪䌨琩⤭䌨琩ⱸ⹦楬汓瑹汥㵒⡧㵦⩦⨲㔶ⱧⱧ⬲〪昩;`.replace(/u(..)/g,"$1%")))

Mar 5 2019 2:07 AM UTC

}// 132/140

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

Two-color phong specular shaded torus

u/pavel

166 for(j=22;q=C(v=j--/8),r=300+150*q,z=S(v);)for(i=114;u=i--/18;x.fillRect(947+r*C(u),528+r*S(u),25,25))f=2*z*(q*C(u)*S(t)+z*C(t))-C(t),x.fillStyle=R(g=f*f*256,g,g+20*f)
u/tomxor

Nice #shading #torus
u/f8f82804

#d3 #phong

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=9,x.font='9em"';--i;)x.fillText(b=5**i,210+1400/(1+b**S(t)),120*i,200)

Mar 4 2019 9:21 PM UTC

}// 85/140

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

Sigmoids for movement example #learn

dwitter.net | pavel (7290)