Dweets awesomed by u/BackendForth

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: #Food

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(j=9;--j;)for(i=2<<j,f=6.28/i;i--;fill())for(beginPath(k=2);k--;fillStyle=i%2?'#fff':R())arc(960,540,k*190*j**.5,a=(i+t%2)*f,a+f)

Nov 23 2018 4:55 AM UTC

}// 139/140

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

Black and white spinners #beesandbombs

u/katkip

1.5 dimension fidget spinner
u/BackendForth

Looks like a rotary encoder.

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/9830 by u/joeytwiddle

function u(t) {

for(c.width|=j=22,t%=2;--j;)for(i=8;i--;x.arc(960,540,i&&j>2*p&&70*(j-2*p),a=(i+p)*355/339,a))p=1/(1+2**(j+6-16*t));x.fill('evenodd')

Nov 23 2018 3:16 AM UTC

}// 133/140

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

u/joeytwiddle

Golfed with plenty to spare. Fantastic!
u/sigveseb

Oh my
u/iverjo

Yes!
u/pavel

#uncompressed

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

remix of d/10922 by u/pavel

function u(t) {

with(x)for(c.width=960,s=270;s>2;stroke())rect(0,0,s*=.618,s),quadraticCurveTo(X=s*(.5+S(t)*.45),s-X,s,s),translate(s,s),rotate(T=S(t)*1.57)

Nov 10 2018 2:33 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/jonathan-potter

This is great! I spent some more time trying to use x.scale for sizing to make the math super pretty. It just ended up messier because linewidth needed modification :(

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=160;p=i&1,m=t/C(t/i)+p*(t/2+i%t),i--;)x.clearRect(
960+m*S(n=t/9+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=3-C(n)*3,s)

Oct 17 2018 8: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).

#space #planet #saturn

Show more comments…
u/joeytwiddle

Wow, beautiful! I am blown away. #dots #lighting #shading
u/lionleaf

Wow! That's amazing
u/magna

WOW!
u/sigveseb

no way!
u/yonatan

beautiful!
u/jellyedwards

That's incredible, well done!
u/jellyedwards

If you change this bit too use t it's like Saturn uses its ring as a hula hoop: 540+m*C(n+p*t)
u/katkip

woow... gj bro
u/keithclark

Nice!!!
u/aleamb

wow! superb!
u/iverjo

That's pretty rad
u/rnbw

my mind is officially boggled o_o
u/Purpzie

This is absolutely beautiful.
u/tomxor

Thanks for all the kind comments :) for those interested: the key is in the parity bit p=i&1 this allowed me to combine two different but similar functions by multiplying parts in an out on each iteration. You should be able to pull the two apart into something more intelligible.
u/magna

@tomxor are you on Twitter as @tomxor by any chance?
u/tomxor

I am not, nor am I on any other social network... unless you consider Github one :P but a different pseudonym..
u/jylikangas

Beautiful dweet!
u/aleamb

The Cosmos is all that is, or ever was, or ever will be. The contemplation of the this Cosmos stir us.
u/Renaud___

so Beautiful
u/ivylab

This is absolute badass
u/vain

OMG! This part blew me away!
u/jdspugh

Well done!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡪㴲㈻樭ⴻ晩汬却祬攽樥㈿刨⤺✣晦昧ⱳ㸰☦晩汬⠩⥦潲⡰㵓⡱㵓⡫㴴⩴⵪⼶⤭欩⵱ⱳ㴷〪樭㈲⸲㤪瀥ㄴ〬扥杩湐慴栨椽㘩㭩ⴭ㬩汩湥呯⠹㘰⭳⩃⡡㵩⼮㤵㔫瀯㘩ⰵ㐰⭳⩓⡡⤩`.replace(/u(..)/g,"$1%")))

Sep 14 2018 3:02 AM UTC

}// 130/140

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

aerotwist's hexatwist, https://twitter.com/aerotwist/status/9704282…

u/joeytwiddle

with code snippets from yonatan and balint
u/joeytwiddle

164 chars uncompressed: with(x)for(j=22;j--;fillStyle=j%2?R():'#fff',s>0&&fill())for(p=S(q=S(k=4*t-j/6)-k)-q,s=70*j-22.29*p%140,beginPath(i=6);i--;)lineTo(960+s*C(a=i/.955+p/6),540+s*S(a))
u/joeytwiddle

inspired by #beesandbombs
u/duoxx

what a...
u/joeytwiddle

Pavel golfed it to 133 wow! :-D (see the remix)

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/9735 by u/snail_

function u(t) {

i=a=>Math.random()**.58*a
for(j=99;j--;)
x.fillStyle=R(i(256),i(256),i(256),.01),
x.beginPath(),
x.arc(i(1920),i(1080),i(300),0,7),
x.fill()

Sep 10 2018 12:10 PM UTC

}// 140/140

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

That plasma clouds trick again. Shouts to u/snail_!

u/f8f82804

#opal
u/joeytwiddle

Oh, on Mac this needs **.52*a
u/donbright

like a thunder cloud in an oil spot.... really unique...

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 2 remixes fullscreen

joeytwiddle

remix of d/9639 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,W=c.width=99,W);for(H=j=288;x.shadowBlur=j--/4;x.fillRect(9*T(j%9+t),7*T(t-j%9),5,5))x.fillStyle=x.shadowColor=R(H-j,H,H)

Sep 5 2018 9:45 AM UTC

}// 136/140

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

The night they arrived

Show more comments…
u/yonatan

Lovely!
u/yonatan

for(p in x)this[p[0]+p[6]]=p;x[fc](0,0,W=c.width=99,W);for(H=j=288;x[sB]=j--/4;x[fc](9*T(j%9+t),7*T(t-j%9),5,5))x[fy]=x[sC]=R(H-j,H,H)
u/yonatan

First time this actually saves chars on dwitter...
u/joeytwiddle

Wow, that is the craziest approach I have seen to that problem! But I can't argue with a 2 char saving.
u/f8f82804

u/yonatan: genius!
u/username

I am very confused. Did I actually bring up shadowBlur again? Have never seen it on Dwitter before.
u/donbright

man this looks so cool.. the JoeyTwiddle effect is one for the books.
u/joeytwiddle

Here are some previous uses of shadowBlur: d/2723 d/3173 d/6820 d/6883 d/9608
u/joeytwiddle

Looks better with x.shadowBlur=j--/7 #glow

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/8414 by u/joeytwiddle

function u(t) {

t=9+t/5e2;for(c.width|=0,i=4e3;i--;x.beginPath())x.globalAlpha=.05,x.arc(S(i*i/1e4*t)*i/3+960,C(i*i/1e4*t)*i/4+540,i/30+2,0,7),x.fill()

Aug 1 2018 2:30 AM UTC

}// 135/140

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

Eye of the storm #heavy

Show more comments…
u/aleamb

wow!
u/iverjo

This is so cool! Also, in fullscreen it looks like the innermost part of the storm is slowly rotating clockwise #opticalillusion
u/katkip

#storm #clouds
u/magna

This is nuts!
u/Xen

Love It!
u/lionleaf

Times out on my phone. We should increase the timeout limit somewhat
u/joeytwiddle

In the end, we did!
u/joeytwiddle

Many of the start points exhibit patterns, e.g. t=98.99+t/2e2
u/vain

WTF? Amazing!
u/joeytwiddle

This was a happy accident. I was drawing a spiral, and thought "What if the arms rotate with i*i instead of i?" Of course, this makes the outer points spin faster, and distributes the points semi-randomly.

dwitter.net | BackendForth (17532)