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

pavel

function u(t) {

with(x)for(i=c.width=300;i--;stroke())for(beginPath(k=6);k--;arc(150,84,84>>k,a=(i%16+b*k)*.39,a))strokeStyle=R(0,0,b=1-(i>>4)+t%1,1-b**2/4)

Nov 20 2018 4:03 AM UTC

}// 140/140

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

Occult Star (#beesandbombs inspired)

u/erin

if shepards tone was a shape

show FPS hide FPS share fullscreen

pavel

function u(t) {

f=(X,Y,r,a)=>r&&x.moveTo(X+=r*S(a),Y+=r*C(a))|x.arc(X,Y,r,0,7)|f(X,Y,r>>=1,a+=S(t))|f(X,Y,r,a+3);c.width|=0;f(960,0,540,0);x.fill('evenodd')

Nov 19 2018 4:46 AM UTC

}// 140/140

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

B&W Circles #beesandbombs

u/katkip

Cool #fractal but this is actually easier to make using drawImage
u/pavel

drawImage? How?
u/katkip

Look at my last fractals

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

with(x)for(i=c.width=500,scale(7,7),lineCap='square';i--;)for(stroke(),beginPath(k=2);k--;)lineTo(3*(i%32-k),3*((i>>5)-(k^C(i*i+t)>0)))

Nov 19 2018 3:02 AM UTC

}// 135/140

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

Zebra lines #beesandbombs

u/aleamb

#maze

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=i=-1;i++<99;x.stroke())for(x.beginPath(k=2);k--;)x.arc(150,84,(k?9:30)*Math.hypot((k?9:2)*S(a=i+k*t*2),C(a)),A=(i+t)%6.283185,A)

Nov 19 2018 2:36 AM UTC

}// 140/140

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

Lines #beesandbombs

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(w=i=256;i--;x.fill(p=new Path2D,p.arc(960+r*C(a=q*69+q*S(2*t)/9),540+r*S(a),80+q*32,0,7)))q=1-i/w,r=1100*q,x.fillStyle=R(A=99*q*++q,A,A)

Nov 19 2018 1: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).

Abyss #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

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 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 1 remix fullscreen

yonatan

function u(t) {

eval(unescape(escape`景爨椽ㄲ〰㭩ⴭ㭸⹣汥慲剥捴⡺ⱺⰸⰸ⤩樽椾㸱ⱸ孳㴧獥瑔牡湳景牭❝⠱㘬〬〬㠬堽樥ㄶ⨱㈸⬨樦ㄶ㼰㨶㐩ⱙ㴱ㄳ㈭⡩☭㌲⤫䌨横⨳⭴⨳⤪⨴⨹㤪匨琩⨪㐩ⱸ⹦楬汒散琨稽ⴴⱺⰸⰱ攳⤬硛獝⠸ⰴⰭ㠬㐬堬夭㌲⤻`.replace(/u(..)/g,"$1%")))

Nov 6 2018 9: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).

for(i=1200;i--;x.clearRect(z,z,8,8))j=i>>1,x[s='setTransform'](16,0,0,8,X=j%16*128+(j&16?0:64),Y=1132-(i&-32)+C(j**3+t*3)**4*99*S(t)**4),x.fillRect(z=-4,z,8,1e3),x[s](8,4,-8,4,X,Y-32);

u/yonatan

I think there was something like this by #beesandbombs (but with perspective, and maybe triangles?)
u/katkip

nice one\
u/twitter

for(h=i=1200;i--;x.clearRect(z,z,8,8))j=i>>1,x[s='setTransform'](16,0,0,8,X=j%16*128+(j&16?0:64),Y=h-(i&-32)+C(j**3+t*3)*99*S(t)**4),x.fillRect(z=-4,z,8,h),x[s](8,4,-8,4,X,Y-32) - 177

show FPS hide FPS share fullscreen

metamn

remix of d/10318 by u/veubeke

function u(t) {

c.width^=0
for(i=180;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((1-i%2*2)*S(t-i/100)/2),fillRect(-45,-45,90,90))

Oct 25 2018 6:35 AM UTC

}// 136/140

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

just playin

u/iverjo

This kinda reminds me of #beesandbombs

dwitter.net | #beesandbombs