Top #uncompressed dweets

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

rodrigo.siqueira

remix of d/27151 by u/KilledByAPixel

function u(t) {

for(i=170-t*60,j=99;i>0&&j--;x.fillRect(960+r*S(a=i-S(i/9+j/9)/9),540-r*C(a),z=(80-j)*i/75/t,z))x.fillStyle=`hsl(${j} 99%${j*2}%`,r=i*j/6

Mar 4 2023 3:10 PM UTC

}// 137/140

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

🏵️ #uncompressed

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/28043 by u/KilledByAPixel

function u(t) {

t?c.width=99:V=W=X=Y=1
onmousemove=e=>(V=e.x/56-X/9,W=e.y/50-Y/9)
x.fillText('⬤',X+=V*=(X+V-45)**2<2e3?1:-.8,Y+=W*=Y+W<54?1+.1/W:-.8)

Jun 26 2023 10:37 PM UTC

}// 133/140

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

Bounce the Ball ⬤ #interactive #uncompressed

u/lewdev

OMG, it works with your mouse too!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/17562 by u/KilledByAPixel

function u(t) {

c.style.filter="blur(1vh)sepia()invert(";for(c.width=198,k=777;j=--k>>5;x.arc(99,56,r*r,a=(j+k%32)%30*.21+S(r)/2,a))r=j+k%2+t%2-2;x.stroke()

Feb 12 2020 7:37 AM UTC

}// 140/140

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

#uncompressed

u/KilledByAPixel

i knew you could do it 😉

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/15161 by u/KilledByAPixel

function u(t) {

for(c.width|=j=9;j--;x.fill())for(x.beginPath(i=6);i--;x.arc(960+r*C(b=.785*(2*j-o)-t),540+r*S(b),120,a=i/.96-o*2*t,a))o=j>4,r=o?223:j&&315

Nov 10 2020 11:11 PM UTC

}// 139/140

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

#uncompressed #symmetry

u/Xen

nice!
u/donbright

how.....

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/18723 by u/KilledByAPixel

function u(t) {

for(k=i=965;i;x.fillStyle=R(x.fillRect(q?k+2*r*(m%3-.7):0,640+r,q?r:r=1e8,q?-m%7*r:r),i?i/(3+m%3):k))r=i--<k?2e7/i/i:-7e5,q=i%2,m=i+t*120>>5

May 11 2020 3: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).

Nuclear City ☢️ #uncompressed

u/katkip

magic

show FPS hide FPS share fullscreen

pavel

remix of d/12336 by u/pavel

function u(t) {

for(i=t?w=600:a=b=0;i--;x.fillRect(w*b,w-w*a,1,1))[a,b]=[[3.4*a+b/6,a-b,b-a,0][q=Math.random()**t*4|0]/4,[3.4*b-a/6+2,a+b+1,a+b+.5,b][q]/4]

Apr 17 2020 11:24 PM UTC

}// 139/140

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

Barnsley #fern #fractal #leaf #uncompressed

u/pavel

This version is also #improved with a #grow effect and a cap on how dark the image gets if you leave it for a while.
u/Xen

nice!

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/14879 by u/KilledByAPixel

function u(t) {

for(i=144;q=(8+t>>3)*i--;x.fillRect(i%16*120+T(S),(i>>4)*120+T(C),2,2))t%24<1?c.width|=r=n=>S(q**n)*9|0:T=f=>5*r(4)*f(r(3)*t)+9*f(r(2)*t)+60

Jul 3 2019 3: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).

Spirograph Generator #uncompressed #multidweet

u/KilledByAPixel

Creates an endless supply of spirographic designs, starts new patterns every 24 seconds.
u/KilledByAPixel

Full explanation on my blog: http://frankforce.com/?p=6269
u/poetaster

It's a marvel. I think it'll take me a month to figure out! Nice.

show FPS hide FPS share fullscreen

pavel

remix of d/12355 by u/cantelope

function u(t) {

for(i=c.width|=h=355/226,w=960;Y=w-i--**h%w*2;x.fillRect(w+S(i+t)*w*r/z,540+Y/z,s=99/z/z,s))r=(Y*Y<8e5||Y%1)/S(i%h+h/2),z=4-S(t)-r*C(i+t)

Feb 14 2019 11:21 PM UTC

}// 137/140

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

#uncompressed

Show more comments…
u/pavel

The base code draws a tube. 1/S(i%h+h/2) radius makes the tube have a square cross section.
u/pavel

(Y*Y<8e5||Y%1) randomizes the radius between 0 and 1 near top and bottom.
u/pavel

Err, between -1 and 1, and this makes the top and bottom panels.
u/cantelope

I see some gathering of points in the middle of the top and bottom panels, but other than that, a faithful reproduction. kudos!
u/pavel

I use polar coordinates, even though the radius is uniformly random that results in more dots near the middle :/
u/iverjo

#cube #d3

dwitter.net | #uncompressed