Top #beesandbombs 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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=f=g=>(180+i%3*80+i/9)*g(a=(i/3&15)*.39-10)-42*S(i/450-i%3*2+2*t)*g(a-1.6);i--;)x.fillRect(960+f(C),540+f(S),s=4+5*S(i/611),s)

Jun 14 2020 7: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).

Worm Sun #beesandbombs

u/Qwitter

"worms, my feet, as they touch the ground" - a W.Shatner vinyl album in a nearby Universe

show FPS hide FPS share 2 remixes fullscreen

iverjo

remix of d/1788 by u/iverjo

function u(t) {

c.width=384;for(i=12;i--;x.fillStyle="#fff")for(j=27;j--;c.style.background=R())x.fillRect(84+i*20,29+j*6+15*S(j/8.3)*S(t*2.7-i/2-j/9),16,2)

Jun 3 2018 10:10 AM UTC

}// 140/140

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

Inspired by "Wavy square" by #beesandbombs on Twitter

Show more comments…
u/DataMeta

a e s t h e t i c
u/firegodjr

Nice! Be
u/firegodjr

Nice! Be
u/firegodjr

Welp, that's not what I meant. Backspace and enter are very close on mobile. I was going to just post my version here. https://www.dwitter.net/d/8074
u/iverjo

Very nice, @firegodjr! It looks better than mine
u/Qwitter

Slinky Compression Waves

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=60,x.scale(5,5);i--;x.ellipse(192,20+o*160,o?60:80,o?30:15,0,a=(i>>1)*(o-.5)*.42+S(3*t)*.7,a+7))o=i+i/2&1
x.stroke()

Dec 11 2018 1:37 AM UTC

}// 131/140

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

Twisted Cylinder #beesandbombs

u/pavel

Single stroke call and only ellipse to draw. The lines are canvas connecting the various ellipse draw cal into a single stroke, I just manage the start angles.
u/pavel

o determines which ellipse, 0 is top and 1 is bottom. It goes: top, bottom, bottom, top. Four-cycle to draw two vertical lines and reset. The angle increments every 2 so top and bottom angle is the same.
u/jylikangas

Thanks for writing about the tricks in your dweets.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=w=540;i--;)for(x.beginPath(k=3);k--;x.fill())x.arc(p=i%32*99,q=(i>>5)*99,k?20:40,a=2*k+Math.atan2(1+S(t)-q/w,2+C(t/2)-p/w),a)

Nov 18 2018 10: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).

Compass Needles #beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

with(x)for(i=24;--i;fill())for(beginPath(n=k=i+2);k--;arc(960,540,i==2?70:50*i,a=Math.PI*(2*k+t)/(n-1),a))fillStyle=R(a=(1-i/23)**2*300,a,a)

Nov 18 2018 10:45 PM UTC

}// 140/140

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

Polygons #beesandbombs

u/andregn

You could consider Math.PI = 22/7
u/pavel

When I have chars left I sometimes write out the full precision constants.

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

c.width|=0
with(x)for(i=500;i--;fill())fillStyle=R(255,i/2,i/4),beginPath(),arc(960+S(t-i/339)*800,540+S(i/159)*S(t*14-i/19)*300,80,0,7)

Aug 6 2019 3:32 PM UTC

}// 136/140

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

#beesandbombs demake 🐝&💣

u/KilledByAPixel

https://twitter.com/beesandbombs/status/1158…
u/katkip

this is cute
u/robbyg

lol, I was coming here to try to replicate this. Well done!
u/aleamb

nice!

show FPS hide FPS share 7 remixes fullscreen

KilledByAPixel

function u(t) {

c.width|=c.style.background="#CDF";for(j=3e3;j--;x.arc(960,540,430+60*S(j/500+a*4)*(S(a-t)/2+.5)**9,a,a))a=j/159+t,x.lineWidth=29
x.stroke()

Jul 1 2019 2:56 PM UTC

}// 140/140

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

Circle Wave #beesandbombs 🐝 💣

u/KilledByAPixel

This one was fun because I found a way to combine the loops and hide the start/end gap that removes the need for a beginPath. Freeded up enough space for background color, or something cool in a remix.
u/aleamb

yeah!
u/pavel

Buggy in Safari. Jagged things sticking out, i think from the line end-caps, also breaks after a while because you didn't wrap-around the angle in arc.
u/pavel

Huh, actually both issues are resolved by modding the arc angle by 2*pi
u/KilledByAPixel

Explanation for how it works at http://frankforce.com/?p=6597

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

eval(unescape(escape`挮獴祬攮晩汴敲㴧楮癥牴⠱✻景爨挮睩摴栽欽㌶〻欭㴲㭸⹦楬汔數琨✫✬ㄸ〫唬㤹⭓⡰⤯倩⥘㵃⡰㵫⼱〫琩ⱙ㵃⡱㵫⨮〶⤯㈬唽太匨琩⭘⩃⡴⤬嘽堪匨琩ⵙ⩃⡴⤬唯㵐㴨ㄭ嘯㌩⼨㈫匨焩⤯㈵ⱸ⹧汯扡汁汰桡㴫⭖`.replace(/u(..)/g,"$1%")))

Sep 9 2018 10:33 PM UTC

}// 140/140

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

https://twitter.com/beesandbombs/status/1037…

u/yonatan

Previous iterations by u/joeytwiddle, u/Xen and others on discord (general channel, starts around 7 Sep 2018)
u/yonatan

#beesandbombs
u/yonatan

c.style.filter='invert(1';for(c.width=k=360;k-=2;x.fillText('+',180+U,99+S(p)/P))X=C(p=k/10+t),Y=C(q=k*.06)/2,U=Y*S(t)+X*C(t),V=X*S(t)-Y*C(t),U/=P=(1-V/3)/(2+S(q))/25,x.globalAlpha=++V
u/donbright

is it one strand or two??
u/yonatan

one, it's a #pq_torus #knot

show FPS hide FPS share fullscreen

robbyg

remix of d/13250 by u/robbyg

function u(t) {

for(c.width|=y=27;x.fillStyle=['#47a','#ec2','#d66'][--y%3];)for(i=450;i--;)x.fillRect(z=680+i+y+C(y/4-4*t)*200,100+y*33+S(z/12-6*t)*18,6,7)

Apr 16 2019 9:03 PM UTC

}// 140/140

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

Publishing the version with help from u/pavel and u/joeytwiddle because it's pretty great.

u/robbyg

#beesandbombs

show FPS hide FPS share 2 remixes fullscreen

firegodjr

function u(t) {

c.width|=0
with(x)for(i=630;i--;stroke(),beginPath(lineWidth=10))arc(960,540,S(i/200+t)**14*S(i%2*3+t+i/10)*40+300,i/100,i/100+.03)

Jul 30 2018 4:18 PM UTC

}// 131/140

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

u/magna

DNA transcription
u/firegodjr

Inspired by https://beesandbombs.tumblr.com/image/175083… #beesandbombs

dwitter.net | #beesandbombs