New #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: #Opposites

show FPS hide FPS share 1 remix fullscreen

robbyg

function u(t) {

c.width|=0
for(y=20;x.fillStyle=['blue','gold','red'][--y%3];)for(i=500;i--;)x.fillRect(z=680+i+y+C(t+y/3)*200,200+y*40+S(i/60+z/9)*18,4,4)

Apr 15 2019 9: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).

First draft of a #beesandbombs wave https://twitter.com/beesandbombs/status/1113…

u/pavel

You want something like for(c.width|=y=20;x.fillStyle=['blue','gold','red'][--y%3];)for(i=500;i--;)x.fillRect(z=680+i+y+C(y/3-2*t)*200,200+y*40+S(z/9-3*t)*18,4,4)
u/joeytwiddle

Tweaked colours and numbers a little: 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)
u/robbyg

You folks are awesome. :)
u/katkip

#romania

show FPS hide FPS share 1 remix fullscreen

ETHproductions

function u(t) {

c.width&=q=-6;for(x.translate(960,540);q++;x.rotate(133))for(i=p=98;p+i--;p*=-1)x.fillText(0,C(i/62)*C((S(t)+1)*i/20)*p-2,250+i*2)

Feb 15 2019 5:56 PM UTC

}// 130/140

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

#snowflake inspired by a recent #beesandbombs tweet

u/ETHproductions

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

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𬐽𛠵𜠬𪠽𝰻𬠽𝰵𚡪𛐭𞰩𩡯𬠨𨱬𩑡𬡒𩑣𭀨𛠮𛡯👛𞐶𜀭𬠬𝐴𜀭𬠬𬠪🐲𛁲𧐩𛁣𫁩𬀨𬡥𨱴𚀮𛠮𫰩𚐬𪐽𜐲𞱩𛐭𞱦𪑬𫀨𨑲𨰨𞐶𜀬𝐴𜀬𬠬𨐽𭀪𚀸𛑪𚐯𜐶𚱩𚡱𛁡𚰽𬐯𜠩𚐩𨡥𩱩𫡐𨑴𪀨𚐬𫑯𭡥𥁯𚀹𝠰𛀵𝀰𚐻`.replace(/u../g,'')))

Feb 11 2019 9:04 PM UTC

}// 133/140

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

➰ #beesandbombs

u/pavel

179 with(x)for(c.width|=q=.52,j=7;r=75*j--;)for(clearRect(...o=[960-r,540-r,r*=2,r]),clip(rect(...o)),i=12;i--;fill(arc(960,540,r,a=t*(8-j)/16+i*q,a+=q/2)))beginPath(),moveTo(960,540)
u/BuRRak

It shows 223/140 for me, Chrome 72.0.3626.96
u/pavel

This was compressed using d/11852
u/pavel

#compressed

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=j=88,scale(9,9);i=j-->>3;arc(107+3*(9-i)*S(p/2),60,6*i,A=(j%8-6||beginPath(stroke()))*11/7+p/4,A))p=S(a=5*t-i/5)+a

Feb 9 2019 11:07 PM UTC

}// 134/140

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

Square dance #beesandbombs

u/katkip

#loop

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) {

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

remix of d/11314 by u/pavel

function u(t) {

for(x.fillRect(j=11,0,2e3,2e3);k=20*--j;)for(i=241;i--;)x.clearRect(i*(8-j/6)+k,600-k-300/j*S(i*(2*j-1)/76.4)*S(j*t),s=12-j,s)

Dec 6 2018 8:47 AM UTC

}// 126/140

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

Standing waves #beesandbombs

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(c.width|=i=1e3;i--;x.fill(p=new Path2D,p.arc(960+380*C(a=t+i/222)+r*C(11*a),540+380*S(a)+r*S(11*a),r<1||r**.5,0,7)))r=i*i/7e3

Dec 2 2018 8:21 AM UTC

}// 129/140

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

Swirler #beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=11;--i;)for(j=i*4;j--;x.fill(x.arc(960+r*C(a=j/i*11/7+15*t/1.7**i),540+r*S(a),12+r/60,0,7)))x.beginPath(r=30*i**1.2)

Dec 2 2018 7:03 AM UTC

}// 131/140

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

Spinning dots #beesandbombs

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