Dweets awesomed by u/sfz

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 fullscreen

donbright

remix of d/1755 by u/SpecialAgent

function u(t) {

n=frame
q=n%2?400:289.2
d=n%2?2*t:2*t/.61518
X=960+q*C(d),Y=540+q*S(d)
n%4?x.moveTo(X,Y):x.lineTo(X,Y)
x.stroke()
x.fillRect(X,Y,9,9)

Mar 3 2017 2:36 AM UTC

}// 133/140

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

This shows the pattern traced by a line directly between the Earth and Venus as they orbit the sun. This pattern is pretty ancient, for example discussed in the book Quadrivum about the old academic relationships between art and science. This type of pattern may be helpful to appreciate the concept of Orbital Resonance in a planetary system.

Show more comments…
u/donbright

thx to https://nssdc.gsfc.nasa.gov/planetary/factsh… for the data
u/sfz

Fascinating
u/donbright

inspired by @SpecialAgent obvs!
u/SpecialAgent

This pattern is very pleasing to the eye, very nicely done!
u/sigveseb

This space stuff is nice!
u/Lazy1337

#cardioid
u/Lazy1337

#math
u/donbright

#venus #space #orbits

show FPS hide FPS share fullscreen

sfz

remix of d/1796 by u/sfz

function u(t) {

c.width|=0
z=~~(t/3)
for(m=7;m>0;m-=.001)X=940*(1+S((z%9+2)*m+t/3)),Y=504*(1+S((z%9+1)*m)),x.fillStyle=R(255*C(m+t*5)),x.fillRect(X,Y,24,24)

Mar 3 2017 1:45 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 FPS hide FPS share fullscreen

btc@codebro.com

function u(t) {

go=(i,j)=>{x.fillStyle=R(S(i)*255);x.fillRect(i*50+(S(t)*60),500+(S(t*i)*200), j, j)};c.width=1920;for(i=1;i<50;i++){go(i,25);go(i*1.5,50);}

Mar 3 2017 12:17 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 FPS hide FPS share 1 remix fullscreen

fnurgel

function u(t) {

c.width=2e3;
for(i=2e3;i--;)p=S(t/2),q=S(t),x.fillRect(0,i/2,1920,S((p*(1e3-i)/500)%360+i/100+q+(i-i%100)*2)/1.5)

Mar 2 2017 10:58 PM UTC

}// 114/140

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

u/SpecialAgent

Nice gradient
u/UEZ

#rasterbars

show FPS hide FPS share fullscreen

scottglz

function u(t) {

P=540;with(x){t||fillRect(0,0,w=1920,2*P);beginPath();strokeStyle=`hsl(${t*40},66%,66%)`;arc(P,P,P,0,7);stroke();drawImage(c,.7,.6,w,2*P-2)}

Mar 2 2017 10:51 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/iverjo

Beautiful!
u/sfz

Dude!
u/sigveseb

quite nice!
u/SpecialAgent

Wow!

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

f=frame;for(j=1080;j--;x.fillRect(f,j,1,S(k),x.fillStyle=R(f/9,99)))for(a=f/500-2,b=j/500-1,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55

Mar 2 2017 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).

I just can't get the color version down to size! i=frame;for(j=1080;j--;){a=i/500-2;b=j/500-1;for(k=75;k--&&a*a+b*b<4;)c=a*a-b*b-.7,b=2*a*b+.55,a=c;x.fillStyle=hsl(${C(k/9)*255},99%,50%);x.fillRect(i,j,1,1)}

Show more comments…
u/iverjo

Rad!
u/sigveseb

and yet the colors on this one are already beautiful!
u/sigveseb

btw you can do t*60 instead of frame
u/ClayCowgill

Thanks! That's one more saved! ;-)
u/ClayCowgill

(BTW, this is mostly based on a Mandelbrot set dweet that I can no longer find. (This is part of the Julia set instead.)
u/FireFly

Halfway there (150): for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*255},99%,50%)))for(a=t*.12-2,b=j/500-1,k=75;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55
u/FireFly

t*.12 is approx. t/8 if you're fine with it being somewhat off-centre.
u/ClayCowgill

Nice! Just six over now... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*99},99%,50%)))for(a=t/8-2,b=j/500-1,k=99;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.5
u/New_Core

the first 99 number can be put as k so still 5 to go
u/magna

You can omit the closing parenthesis of hsl() because browsers are resilient to bad CSS syntax
u/ClayCowgill

Good tips! Thanks!
u/ClayCowgill

Thanks for the help-- managed to get a high resolution/high color version going with the suggestions. :) https://www.dwitter.net/d/1896
u/katkip

Genius

show FPS hide FPS share 1 remix fullscreen

sfz

function u(t) {

z=~~(t/3+1)
l=255
for(m=7;m>0;m-=.003)X=940*(1+S((9*z%7+1)*m+t)),Y=504*(1+S((7*z%9+1)*m)),x.fillStyle=R(0,l*C(m),l*S(m)),x.fillRect(X,Y,6,6)

Mar 2 2017 8:42 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/SpecialAgent

Very nice!

show FPS hide FPS share fullscreen

quidnovum

remix of d/888 by u/jczimm

function u(t) {

c.width^=0;d=0.15;r=4;for(i=-r;i<r;i+=d)for(j=-r;j<r;j+=d){a=[i,j,C(i+t)+S(j+t)];x.fillRect(960+150*(C(0)*a[0]+S(t)*a[1]),540-150*a[2],7,7)}

Mar 2 2017 7:09 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/sfz

such a cool effect!

show FPS hide FPS share 2 remixes fullscreen

Run

function u(t) {

c.width*=1;
for(i=0;i<1550;i++){
x.fillRect(X=i+S(t+i)*300,400+200*C(t+i)+200*S(X/300+t),50,50);x.fillStyle=`hsl(`+(X/7+t*30)+`,80%,50%)`;}

Mar 2 2017 6:42 PM UTC

}// 139/140

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

More of the tubes of the internet.

u/sfz

shwank

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6:29 PM UTC

}// 139/140

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

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

dwitter.net | sfz (8520)