Top #Ball 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 fullscreen

pavel

function u(t) {

for(k=2e3;i=S(t+k),j=S(i*k--);f&&x.fillRect(960+540*i,540*++j,9,4))d=1-i*i-j*j,f=d**.5*2-i-j,x.fillStyle=R(g=8*f**3,g,g+28*f,1-.05/d)

Feb 28 2019 7:26 PM UTC

}// 133/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

danny@hille.dk

remix of d/23879 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`󭍼󯌨󢜽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󭼽󨼮󭽩󩍴󪌽󜼶󜌬󭼩󚜻󩭯󬬨󫜽󮬽󞝥󝌻󫜭󛜻󢜮󩍡󭍡󛭳󩝴󚍛󬼽󤼨󮬽󤼨󦜯󩌪󬬫󭌪󝼫󠼨󦌯󩌫󭌪󝜩󚜩󚭷󛍳󛍳󛍷󧜬󫜪󝌩󚝩󟝭󙝷󛍪󟝭󛽷󛍤󟜨󬬽󚍘󟝩󛼹󜌭󜬩󚭘󚼨󦜽󪬯󞜰󛜱󛬱󚜪󦜩󟬱󟼮󜬺󠼨󬬩󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󢜬󜌬󜌩`.replace(/u../g,'')))

Sep 22 2021 11:20 PM UTC

}// 137/140

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

dunno what to label this remix

u/UEZ

#glass #ball #reflection - looks very cool.
u/danny@hille.dk

Thanks u/UEZ, now that you mentioned it, glass ball seems kinda obvious :-)

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/23514 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󭼽󞜹󞽦󫽲󚍭󟝷󚭷󞽭󛜭󞽸󛭦󪝬󫍓󭍹󫍥󟝒󚍲󟝭󛼸󚽓󚍡󛼹󚜪󤼨󨬯󝬫󭌪󞜫󤼨󨜯󞌭󭌪󜼩󚜪󭼬󬬪󛬶󚜩󩜽󚍘󟜱󛜴󚭭󛽷󛽷󚜪󦌫󚍙󟜭󜬫󝌪󚍭󙝷󚜯󭼩󚭙󛍸󛭦󪝬󫍒󩝣󭌨󨜽󫜥󭼬󨬽󫜯󭼬󜜬󜜭󚍙󚬨󫼽󚌳󛜨󝌭󝜪󩜩󚬪󛬵󚜯󚼫󩜩󚭷󚽴󚭷󙭷󧭘󚭯󚭷󙭷󚜯󭼩`.replace(/u../g,'')))

Aug 9 2021 9:05 PM UTC

}// 140/140

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

disco inferno remix - #disco #ball #spere #fire

Show more comments…
u/danny@hille.dk

uncompressed: c.width=w=99;for(m=w*w;m--;x.fillStyle=R(r=m/8+S(a/9)*S(b/6+t*9+S(a/8-t*3))*w,r*.6))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y,x.fillRect(a=m%w,b=m/w,1,1-(Y*(o=(3-(4-5*e)**.5)/++e)*w+t*w&w^X*o*w&w)/w)
u/danny@hille.dk

2 more variants:
u/danny@hille.dk

c.width=w=99;for(m=w*w;m--;x.fillStyle=R(r=m/8+S(a/9)*S(b/6+t*9+S(a/8-t*3))*w,r*.6))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y,x.fillRect(a=m%w,b=m/w,1,1+(Y*(o=(3-(4-5*e)**.5)/++e)*w+t*w&w^X*o*w&w)/w)
u/danny@hille.dk

and
u/danny@hille.dk

c.width=w=99;for(m=w*w;m--;x.fillStyle=R(r=m/8+S(a/9)*S(b/6+t*9+S(a/8-t*3))*w,r*.6))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y,x.fillRect(a=m%w,b=m/w,1,(Y*(o=(3-(4-5*e)**.5)/++e)*w+t*w&w^X*o*w&w)/w)
u/danny@hille.dk

I think this is my favorite:
u/danny@hille.dk

c.width=w=127;for(m=w*w;m--;x.fillStyle=R(r=m/8+S(a/9)*S(b/6+t*9+S(a/8-t*3))*w,r*.6))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y,x.fillRect(a=m%w,b=m/w,1,(Y*(o=(3-(4-5*e)**.5)/++e)*w+t*w&w^X*o*w&w)/w*2)
u/neimad

wtffffffff
u/magna

constraints stoke fire
u/ullo

good

show FPS hide FPS share fullscreen

p01

function u(t) {

for(x.fillStyle=R(i=c.width|=0);i--;)X=i/11%4-2,Y=i/240-4,(X-t^Y)&1||x.fillRect(99*(S(X*.8)*C(Y*=.4)+t*2%18),960-99*(4*S(t%3.1)-S(Y)),9,9)

Mar 4 2017 9:36 PM UTC

}// 138/140

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

BOING! A 138bytes tribute to the legendary Amiga demo

u/alien

mother of god...
u/joeytwiddle

#sphere #ball #amiga

show FPS hide FPS share 2 remixes fullscreen

danny@hille.dk

remix of d/24010 by u/danny@hille.dk

function u(t) {

c.width=w=218;for(m=3e4;m--;T=S(X/d-t*16)*C(Y/d))x.fillRect(i=m%w,j=m/w,T**.1,2),r=(X=i/w*4-2)*X+(Y=j/w*4-1.1)*Y,d=r>1?S(t*4%3)/5-.4:C(r)/9

Oct 17 2022 11:15 AM UTC

}// 139/140

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

#uncompressed bouncy #ball remix

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/23879 by u/danny@hille.dk

function u(t) {

//bounce












eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󭼽󜬱󞌻󩭯󬬨󫜽󜽥󝌻󫜭󛜻󚝸󛭦󪝬󫍒󩝣󭌨󪜽󫜥󭼬󪬽󫜯󭽼󜌬󮬪󚬮󜜬󜬩󛍲󟜨󦌽󪜯󭼪󝌭󜬩󚭘󚼨󦜽󪬯󭼪󝌭󜜮󜜩󚭙󛍤󟝲󟬱󟽓󚍴󚬴󙜳󛬲󚜯󞌭󛬲󝌺󠼨󬬩󛼷󛍺󟝓󚍘󛽤󛝴󚬱󞜩󚭃󚍙󛽤󚽴󚬹󚜻`.replace(/u../g,'')))

Oct 6 2021 8: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).

bouncy bouncy remix

u/magna

Wow! Also, the flex of taking up 22 characters with that preamble :D
u/danny@hille.dk

u/magna thanks :-)
u/danny@hille.dk

glsl version -> https://glslsandbox.com/e#75728.1
u/danny@hille.dk

#d3 #ball

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/23544 by u/pavel

function u(t) {

for(a=Math.abs,c.width&=i=4352;X=1-(T+i/32)%2,Y=--i/2e3;x.fillRect(X*r+64*T,Y*r+96-64*a(S(t)),T=a(2-t%4)+1,(i^i/64)/8&1))r=64/(--Y*Y+X*X+1)

Aug 13 2021 12:57 AM UTC

}// 139/140

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

Smoother #Amiga #Ball

Show more comments…
u/tomxor

..But less authentic. Remaps the pixel positions rather than texture, which gives "free" antialiasing, with spare space to correct the spin.
u/pavel

Oh yeah, nice. This is definitely a better way of doing it. The other mapping has an incorrect center that I have to waste characters to correct.
u/pavel

-2 char using S(t%3.14) to bounce and inlining the single Math.abs call
u/danny@hille.dk

What a clever trick, using modulus pi of t, to only get the positive part of the sinus curve
u/danny@hille.dk

3.2 works fine, while 3 and 3.1 looks wrong
u/danny@hille.dk

test code: c.width|=0,x.fillRect(o=860,o-S(t*4%3.2)*o,200,200)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵯㵛椽眽㤶そ㭩ⴭ㬩潛楝㵛㈮ㄫ䌨愽椫琯㤩⩃⡢㵩⨲〩ⱓ⡡⤪䌨戩ⱓ⡢⤬恨獬⠤筩紬㘹┬㔰╠崻景爨孚ⱘⱙⱸ⹦楬汓瑹汥嵯映漮獯牴⠩⹲敶敲獥⠩⥸⹦楬汒散琨眫眪堯娬㔴〫眪夯娬猽㔰⽚⽚ⱳ⤻`.replace(/u(..)/g,"$1%")))

May 8 2019 7:09 AM UTC

}// 139/140

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

Depth demo

Show more comments…
u/pavel

181 for(c.width|=o=[i=w=960];i--;)o[i]=[2.1+C(a=i+t/9)*C(b=i*20),S(a)*C(b),S(b),`hsl(${i},69%,50%`];for([Z,X,Y,x.fillStyle]of o.sort().reverse())x.fillRect(w+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/pavel

Notice how the objects 'in front' are always drawn 'in front'
u/pavel

This requires a bunch more chars and is only needed when objects have unique colors, which requires more. It seems impossible to do this without compression.
u/pavel

Pretty simple technique, when generating the 3d points instead of directly drawing them, store them in an array, sort it by depth back to front, then draw.
u/keithclark

175. Removed need for reverse() by reversing the projection (far points are painted near and vice-versa): for(c.width|=o=[i=w=960];i--;)o[i]=[C(a=i-t/9)*C(b=i*20),S(a)*C(b),S(b),hsl(${i},69%,50%];for([Z,X,Y,x.fillStyle]of o.sort())x.fillRect(w+w*X/(j=2.1-Z),540+w*Y/j,s=50/j/j,s)
u/keithclark

158 - for(c.width|=o=[i=w=708];i--;o[i]=[C(a=i+t)*C(b=i*20),S(a)*C(b),S(b),R(a)]);for([Z,X,Y,x.fillStyle]of o.sort())Z-=2,x.fillRect(960+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/Joachim

#d3 #ball

show FPS hide FPS share 2 remixes fullscreen

micahcowan

remix of d/8742 by u/micahcowan

function u(t) {

with(x)for(c.width|=i=n=23;--i;)F=((f,m)=>Math.abs(m-t*f(i*1.5/n)*2e3%(2*m))),beginPath(),arc(F(C,1920),F(S,1e3),30,0,7),fill()

Jun 30 2018 5:50 AM UTC

}// 127/140

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

Many more #ball s! n=100 makes a neat pattern

u/joeytwiddle

Nice work! #bounce

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/24031 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󭼽󜬱󞌻󩭯󬬨󫜽󜽥󝌻󫜭󛜻󚝸󛭦󪝬󫍒󩝣󭌨󪜽󫜥󭼬󪬽󫜯󭽼󜌬󮬬󮬩󛍲󟜨󦌽󪜯󭼪󚌶󛝓󚍴󚬴󚜩󛝓󚍴󛼲󚜭󜼩󚭘󚼨󦜽󪬯󭼪󚌶󛝓󚍴󚬴󚜩󛝓󚌭󭌪󜼥󜼮󜬩󛜲󚜪󦜬󩌽󬬾󜜿󜌺󠼨󬬩󛼷󛍺󟝓󚍘󛽤󛝴󚬹󚜯󠼨󦜯󩌪󛬵󝜫󭌪󞜩󟬱󒬻`.replace(/u../g,'')))

Oct 9 2021 10:18 PM UTC

}// 130/140

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

Now i suck a football/soccer both IRL and virtual :-)

u/danny@hille.dk

uncompressed but (less bouncy) -> c.width=w=218;for(z=m=3e4;m--;)x.fillRect(X=m%w,Y=m/w,z,z),r=(i=X/w*4-2)*i+(j=Y/w*4-S(-t%3.2)-2)*j,d=r>1?0:C(r)/7,z=S(i/d-t*4)/C(j/d*.5+t)>1
u/danny@hille.dk

#d3
u/danny@hille.dk

#ball
u/danny@hille.dk

#hexagon
u/danny@hille.dk

#football

dwitter.net | #Ball