Dweets awesomed by u/rsrsrs

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

yonatan

remix of d/10764 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99,1));

Oct 29 2018 8:54 PM UTC

}// 95/140

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

Show more comments…
u/pavel

Save a char by moving the fillRect call into the loop body to avoid ;
u/yonatan

you're right!
u/keithclark

I love this!
u/yonatan

it's also better to use rect height for the "alpha", avoids the jagged edges on the right. for(i=c.width=99;i--;)for(j=56;j--;)x.fillRect(i,j,1,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99)
u/iverjo

Wow! Great #water
u/katkip

#d3 #waves

show FPS hide FPS share fullscreen

alice-mx

function u(t) {

for(i=0;i<19;i++) {
x.fillStyle=R(C(t/2)*20+20,i*9,12*(i+4),0.8);
x.fillRect((t*150+i*100)%1920,i*100+S(t+i)*50,100,100)
}

Oct 25 2018 6:04 AM UTC

}// 122/140

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

u/katkip

#waves

show FPS hide FPS share fullscreen

yonatan

remix of d/10639 by u/yonatan

function u(t) {

for(i=9,j=b=[];i--;c.style=`${B=';background'}:${b+B}-blend-mode:difference`)b[i]=`radial-gradient(at ${i*9}%${S(i+t)*9}%${j+=',aqua,tan'})`

Oct 24 2018 10:54 AM UTC

}// 140/140

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

Wavy

u/katkip

#waves #art
u/joeytwiddle

I almost see water caustics in there
u/lionleaf

It does look like #caustics ! :D

show FPS hide FPS share fullscreen

MudkipGuy

function u(t) {

eval(unescape(escape`景爨爽䵡瑨⹲慮摯洬樽〻樫⬼㤹㬩筦潲⡡㴳⩲⠩Ɫ㴲⩲⠩Ⱪ㵣㵤㴰Ɒ㴱㔻椼瀦♣⩣㰴㭩⬫⥥㵣Ᵽ㵣⩣ⵤ⩤⭡ⴲⱤ㴲⩤⩥⭢ⴱ㭸⹦楬汓瑹汥㴢桳氨∫椪瀫∬㔰┬㔰┩∬砮晩汬剥捴⠶㐰⩡ⰵ㐰⩢ⱰⱰ⥽`.replace(/u(..)/g,"$1%")))

Oct 24 2018 10:26 AM UTC

}// 134/140

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

Mandelbrot Set

Show more comments…
u/MudkipGuy

uncompressed source:
u/MudkipGuy

for(r=Math.random,j=0;j++<99;){for(a=3*r(),b=2*r(),i=c=d=0,p=15;i<p&&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1;x.fillStyle="hsl("+i*p+",50%,50%)",x.fillRect(640*a,540*b,p,p)}
u/yonatan

for(j=99;j--;x.fillStyle=hsl(${i*9} 50%50%,x.fillRect(640*a,540*b,9,9))for(b=(z=j*t)**3%2,a=z**5%3,i=c=d=0;i<15&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1
u/yonatan

Nice one!
u/katkip

#mandelbrot #fractal
u/magna

#waitforit
u/joeytwiddle

Novel!
u/iverjo

Nice! Now make the rectangles progressively smaller, so that the image becomes more and more detailed over time
u/MudkipGuy

heh! I was already playing around with that... for(r=Math.random,j=99;j--;){for(a=3*r(),b=2*r(),i=c=d=0;i<30&&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1;x.fillStyle="hsl("+i*8+",50%,50%)",x.fillRect(640*a,540*b,p=30/t**.5,p)}
u/katkip

Awesome!

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 AM UTC

}// 140/140

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

Show more comments…
u/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share fullscreen

tomxor

remix of d/10534 by u/tomxor

function u(t) {

k=160,i=1e3,w=.04
for(t+=32;p=i&1,m=k/C(t/i)+p*(k/2+i%k),i--;)x.fillRect(
960+m*S(n=t/16+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=w-C(n)*w,s)

Oct 20 2018 1:58 PM UTC

}// 133/140

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

#space #saturn #drawing

u/katkip

oh wow
u/joeytwiddle

Very nice. Set w=.2 if you don't want to #waitforit
u/tomxor

Oops, this doesn't seem to work at all in some browsers... showing up the aignificant subpixel interpolation differences between canvas implementations. Works in chrome - soz

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

keithclark

function u(t) {

for(c.width=640,i=4e3;i--;x.fillRect(320-(3+S(t)-i%8)*J,210-((i/8&7)-2.2)*J,J/=2,J))J=i/64&4&&85/(i/64+t%.9*9)*60,x.fillStyle=R(q=2e4/J,q,q)

Oct 17 2018 4:20 PM 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

Very nice!
u/aleamb

wow, great!!
u/magna

Get out!
u/joeytwiddle

:-D
u/iverjo

Very good!

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/10401 by u/rbong

function u(t) {

Y=c.height^=0
p=m=>S(Y+t+90*m)*250+250
while(Y-=40){for(i=4;i--;)a=p(i),b=p(i+1%4),x.fillStyle=R(a,b,50),a<b&&x.fillRect(a+735,Y,b-a,40)}

Oct 14 2018 4:47 PM UTC

}// 137/140

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

Centered and shortened :)

u/BirdsTweetCodersDweet

(i.e. golfed)

show FPS hide FPS share fullscreen

cantelope

remix of d/9870 by u/jylikangas

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡴⨽㈬挮睩摴桼㴰ⱳ桡摯睂汵爽朽㈵〬晩汬却祬攽獨慤潷䍯汯爽恨獬⠤筴⨴ぽⰸ〥ⰵ〥怬椽㤻椭ⴻ晩汬剥捴⠹㘰⬨䘽攽㸭ⵥ⩱⨨䐾ㄿ䐺ㄩ⵱⼲⤨椥㌩ⰵ㐰⭆⡩⼳簰⤬焬焩⥄㵴┲⨶⵩ⱱ㵧⼨琥㈭㌩`.replace(/u(..)/g,"$1%")))

Sep 16 2018 5:47 PM UTC

}// 138/140

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

u/BirdsTweetCodersDweet

Whoa...
u/katkip

#infinite

dwitter.net | rsrsrs (6423)