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 1 remix fullscreen

pavel

remix of d/13487 by u/KilledByAPixel

function u(t) {

for(i=t?c.width|=d=_=>u[j=q&-64|p>>6]=-!u[j]|1:(p=q=540,r=7,s=4);i--;)u[i]||x.fillRect(i?i%64*64:p+=r*=d(p+=r),i?i:q+=s*=d(q+=s),z=i?64:9,z)

Apr 27 2019 4:26 AM UTC

}// 140/140

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

#breakout #tribute

Show more comments…
u/pavel

Had to make some visual sacrifices to get this #uncompressed
u/pavel

I discovered p+=r*=d(p+=r);q+=s*=d(q+=s) as part of messing around with this. Why does it work?
u/pavel

:)
u/KilledByAPixel

Oh wow, nice! That's the code that updates the position, velocity and applies collision for x and y. It needs to call the d function to check its colliding and also set the block to 1 if it does. It needs to check x and y separately so it knows which side to bounce off
u/pavel

Notice how d only takes one argument, and it ignores it.
u/KilledByAPixel

I see what you did there. So many great tricks in this one.
u/pavel

p+=r*=d(p+=r) the inner p+=r increments p and d ends runs with that value, however the outer p+= caches the old value of p so when d resolves the inner p+=r is silently ignored!
u/pavel

#physics

show FPS hide FPS share 6 remixes fullscreen

pavel

function u(t) {

for(x.fillRect(0,0,i=640,i);z=--i**.3;x.fillStyle=R(0,500/--z))x.setTransform(s=20/z,0,0,s,0,0),x.fillText('マトリックス'[i%6],i%z*99,t++%z*60)

Apr 26 2019 8:01 PM UTC

}// 137/140

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

What is The #Matrix? v1

u/artfarnaa

Awesome.

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𩠽𚁡𛁢𛁥𛁧𛁨𛁩𛁤𛁪🐨𨐫𩐫𪀩𛰳𛁫🐨𨠫𩰫𪐩𛰳𚐽🡤𛐭𙠦𩠨𨐬𨠬𩐬𩰬𪠬𪰬𩀩𯁦𚁨𛁩𛁡𛁢𛁪𛁫𛁤𚑼𩠨𩐬𩰬𪀬𪐬𪠬𪰬𩀩𯁸𛡬𪑮𩑔𫰨𞐶𜀫𬠪𨐬𬠫𬠪𨠩𒡣𛡷𪑤𭁨𯀽𬠽𝐴𜀊𩠨𠰨𭀩𛁓𚁴𚐬𠰨𭀫🐲𛠱𚐬𤰨𭀩𛁃𚁴𚰽𜠮𜐩𛁓𚁴𚐬𞀩𒡸𛡳𭁲𫱫𩐨𚐻`.replace(/u../g,'')))

Apr 23 2019 7:15 PM UTC

}// 140/140

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

Couldn't get a static version down to 140 so added motion and used d/11852

u/katkip

Centroid #fractal <3
u/Xen

love it!!!!!

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨椽挮睩摴桼㵰㵃⡴⤻椭ⴻ砮晩汬剥捴⠹㘰⵳⼲⬨椥ㄲⴶ⤪㔴〯稬⡺⭡⩓⡴⤭截瀩⨵㐰⽺⵳⼲ⱳⱳ⤩愽椯ㄲ┱㈭㙼〬戽椯ㄴ㐭㙼〬稽ㄫ愪瀫截匨琩ⱺ⨽稾⸴ⱳ㴱㔰⽺⽺;`.replace(/u(..)/g,"$1%")))

Apr 17 2019 7:06 AM UTC

}// 123/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 1 remix fullscreen

pavel

remix of d/12115 by u/pavel

function u(t) {

for(i=c.width|=h=1065/226;q=--i%3-1,a=q?i:i*h+h/2;x.fillRect(960+S(a+t)*800/r/z,540+(q||T(i))*800/z,s=70/z/z,s))r=S(a%h),z=4+C(a+t)/r,z*=z>1

Apr 16 2019 5:01 PM UTC

}// 140/140

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

#d3 #cube #perspective #wireframe

u/pavel

#uncompressed
u/KilledByAPixel

rad

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=60/z/z,s))a=i%3?i:i*h,r=(a%2?S:T)(a%h+h/2),z=3+C(a+t)/r

Apr 12 2019 7:45 AM UTC

}// 139/140

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

Butterfly box #d3 #cube #perspective

u/Jezza

Woah!
u/KilledByAPixel

Well done.
u/lionleaf

That's wild! Love it #butterfly

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(a=b=u=c.width|=i=0;i++<99*t;x.fillRect(960+800*C(a+t)*S(b)/z,540+800*C(b)/z,s=20/z/z,s))a+=C(u+=i**.9%1-.5)/69,z=2+S(a+t)*S(b+=S(u)/69)

Apr 10 2019 1:23 AM UTC

}// 139/140

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

Wiggly boy

Show more comments…
u/magna

Awesome!
u/DataMeta

Cool!!
u/joeytwiddle

Bloody brilliant #sphere #perspective
u/katkip

this will get to the top
u/katkip

#d3
u/iverjo

Wow!
u/donbright

#randomwalk

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=i=1944,w=960;i--;x.fillRect(w+w*S(a)*S(b)/z,540+w*C(b)/z,s=13/z/z,s))j=i%72,z=2+C(a=2.7+S(t)+(j&4?0:j)/72)*S(b=1.5+(i/72|0)/120)

Apr 11 2019 6:03 AM UTC

}// 140/140

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

#default on a sphere

u/f8f82804

#d3 #sphere #perspective
u/katkip

how lol
u/pavel

I draw #default one pixel at a time and treat (x,y) of the pixels as angles (a,b) in spherical coordinates. Spherical to 3d cartesian is x=r*sin(a)*sin(b), y=r*cos(a)*sin(b), z=r*cos(b). Projecting 3d to 2d cartesian is x'=x/(2+y/r), y'=z/(2+y/r), and scaling pixel size by 1/(2+y/r)**2 so stuff in the back is smaller.

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=i=960;--i;x.ellipse(480,270-56*(j%2-.5)*y,r=32*(64-y*y)**.5,r/2,0,a=(j+t%1)/7,a+!j*7))j=i>>4,y=i%16-8;x.stroke()

Apr 10 2019 8:35 AM UTC

}// 124/140

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

#wireframe #sphere

u/f8f82804

#d3
u/Xen

Nice!
u/lionleaf

Nice one! #globe
u/pavel

I use 44 longitude lines so the arc angle between adjacent two is 2*pi/44 which is approximated by 1/7 to 4 decimal places.
u/pavel

Using the famous pi ~ 22/7 approximation.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=k=0;k<50*t;x.ellipse(960,540-750*(i%2-.5)*y,r=400*(1-y*y)**.5,r/3,0,a=(2*i+k++%2-t)%16*.393,a))i=k/98|0,y=k%98/49-1
x.stroke()

Apr 9 2019 12:06 AM UTC

}// 139/140

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

Single stroke beach ball sketch

dwitter.net | pavel (7290)