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

jylikangas

function u(t) {

for(c.width|=i=9,x.translate(960,540),x.rotate(S(t)*3);i--;x.fillRect((F=e=>--e*q*(D>1?D:1)-q/2)(i%3),F(i/3|0),q,q))D=t%2*6-i,q=400/(t%2-3)

Sep 16 2018 6:02 AM UTC

}// 139/140

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

Block party

Show more comments…
u/BalintCsala

But....how?
u/katkip

wow
u/katkip

wow
u/katkip

wow
u/katkip

wow x952
u/lionleaf

Now that's impressive! #infinite #zoom
u/DataMeta

Brilliant.
u/joeytwiddle

Superb!
u/katkip

#beesandbombs
u/Cloud

Cooool!!!!

show FPS hide FPS share fullscreen

pavel

remix of d/10873 by u/yonatan

function u(t) {

for(i=0;Y=i>>5,Y<35;x[o?'clearRect':'fillRect'](0,!x.setTransform(4>>o,-o,2*o,2-o,j%T-Y%2<<6,Y*T+T*S(j*j+9*t)*S(t)**9),T=32,T))o=i%2,j=i++-o

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

#beesandbombs #uncompressed

u/BuRRak

I love it
u/aleamb

LOVE IT!!!

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`挮睩摴栽ⴱ㭣⹳瑹汥⹦楬瑥爽恩湶敲琨⑻⡴⬮㔩┲簰絠㭦潲⡪㴹㤻樭ⴻ⥸⹳整呲慮獦潲洨猽匨愽⵴⨱⸵㜩Ɽ㵃⡡⤬搬⵳Ⱘ䠽⠨琫⸵⤥㈼ㄩ⨱㠩⬨樥㄰ⴱ⭴┱⤪㌵Ⱘ樯㄰簰⤪㌵ⵈ⤬砮晩汬剥捴⠭ㄳⰭㄳⰲ㔬㈵⤻`.replace(/u(..)/g,"$1%")))

Sep 27 2018 8:41 AM UTC

}// 139/140

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

Inspired by a beesandbombs tweet

u/katkip

This dweet is awesome!
u/Xen

impressive!
u/joeytwiddle

Lovely :)
u/joeytwiddle

#beesandbombs https://twitter.com/beesandbombs/status/1044…
u/asad123

nice

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=8;--i;)for(w=j=3<<i-1;j--;x.fillRect(-!x.rotate(6.283/w*(j+i/(1+5**(4+i-t%3*5)))),-25*i,2,25))x.setTransform(3,0,0,3,960,540)

Nov 11 2020 8: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).

#beesandbombs

u/pavel

https://twitter.com/beesandbombs/status/1326…
u/pavel

#symmetry
u/donbright

nnnnnnice

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+16*S(a+=i*h+t/3)/p,540-9*C(a)/p+13*r*y,4,4))r=9+9/(1+i**S(i*i+t)),p=S(a=i%3*i%h+.8)/r

Mar 30 2022 10:47 PM UTC

}// 140/140

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

Hypercube #beesandbombs

u/vain

very cool. like the morphing / moving dots / lines #cube #3d
u/tomxor

Very neat. The migration of the points gives it quite an etherial look.
u/aleamb

amazing!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x[i&1?'moveTo':'arc'](960+8*r*C(a=i*.0997),540+8*r*S(a),r+r/(1.2+999**S(i/180+a-2*t)),0,7))r=1.0028**i
x.fill`evenodd`

Apr 8 2022 11:33 PM UTC

}// 139/140

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

Kaleidoscopic Spiral

u/pavel

Remix of https://twitter.com/beesandbombs/status/1386…
u/pavel

#beesandbombs
u/pavel

I like this trick of re-using the same args for moveTo and arc back to back. The first two args are x and y for both and moveTo ignores extra args.
u/magna

YES!
u/vain

very cool and beautiful fx.

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/7596 by u/BalintCsala

function u(t) {

for(c.width|=i=8;i--;)for(j=32;j--;x.font=(n/6*(1+C(p=j*.6+t*9))|0)+'px A',x.fillText('⚫',960+n*2*S(a=.8*i+S(p)/7),540+n*2*C(a)))n=(j%16)**2

Apr 6 2018 10:29 AM UTC

}// 140/140

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

Spiral flower, inspired by https://t.co/7SVu2vSUZQ

Show more comments…
u/joeytwiddle

A group effort by u/Agnes, u/BalintCsala and u/joeytwiddle
u/joeytwiddle

Colour version (200 chars): https://codegolf.tk/a/266
u/New_Core

reduced it to 138 looking exactly the same.. with only 1 for loop ;)
u/artfarnaa

Hi Joey. Beesandbombs is cool. I tool a look at his animations and the code that generates them at github. Very cool. Still his stuff would be require many hours to reverse engineer. Your effort to move one his animations here is nice work. Thanks for bringing him to my attention.
u/joeytwiddle

I sometimes post his tweets in the Discord channel, as inspiration for dwitterers with dweeter's block. Agnes posted a prototype and we hacked away at it. :D Let's keep sharing the fun ones!
u/joeytwiddle

Precedent arm: d/5796
u/f8f82804

#spiral-in-spiral
u/f8f82804

#beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=480,x.rotate(X=Y=q=.785),r=6;r--;X+=f(0),Y+=f(2))R=1<<r,x.strokeRect(X+265-R,Y-74-R,2*R,2*R),f=n=>R*Math.atan(16*C(t+(n-r%2)*q))

Dec 23 2018 9:53 AM UTC

}// 140/140

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

Squares #beesandbombs

u/katkip

So smooth!

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(k=n=j=255;j--;k=2,fill())for(beginPath(fillStyle=R(T=(t^k)%2*128,T,i=4));i--;)arc((j%9-t%1)*n+T,(j>>4)*n+T,64*k,a=(i-t%1)*11/7,a)

Nov 13 2018 2:29 AM UTC

}// 140/140

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

u/yonatan

arc?!
u/anotherkitten

oh you sly dog very well done
u/pavel

:)
u/jylikangas

Very cool! You can save 3 bytes by removing the unnecessary %1 from t when calculating a and also doing <<7 instead of *128. If someone is wondering how this works using a+1 instead of a at the end may help. :)
u/katkip

#beesandbombs
u/pavel

Removing %1 at the end breaks the animation on my iPhone.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12:18 AM UTC

}// 140/140

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

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

dwitter.net | #Beesandbombs