Dweets by u/BriSeven

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

BriSeven

remix of d/3487 by u/BriSeven

function u(t) {

t<0.1?(x.x=0, x.y=1000,j=5.5):null;
for(i=0;i<10;i++)m=t*3,
x.fillRect(x.x+i*300, x.y, 5, 5);
x.x+=8*S(C(m)*j), x.y+=8*C(S(m)*j);

Nov 8 2017 11: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).

show FPS hide FPS share 2 remixes fullscreen

BriSeven

function u(t) {

t<0.1?(x.x=0, x.y=1200,j=11):null;
for(i=0;i<10;i++)m=t*2,
x.fillRect(x.x+i*200, x.y, 5, 5);
x.x+=4*S(C(m)*j), x.y+=4*C(S(m)*j);

Nov 8 2017 11:11 AM UTC

}// 130/140

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

change j for different patterns

show FPS hide FPS share fullscreen

BriSeven

remix of d/2554 by u/cantelope

function u(t) {

cx=1e3
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillStyle=R(Y*60),x.fillRect(cx+1/j*X*cx,60+Y/j*cx,s=999/j,s)

Apr 23 2017 11:28 PM UTC

}// 136/140

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

u/cantelope

really awesome. I was wishing for a colored "sea". R(0,0,Y*60) yields blue waves :)
u/recursive

I did one kind of like this: https://www.dwitter.net/d/1978

show FPS hide FPS share 1 remix fullscreen

BriSeven

function u(t) {

N=50;P=44/7;c.width=1920;for(j=0;j<N;j++)for(i=0;i<N;i++)
x.fillRect(980+S(j/N*P*2)*150+S(i/N*P)*300,
540+C(j/N*P*2)*150+C(t+i/N*P)*300,5,5)

Jan 6 2017 7:37 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/iverjo

Cool, a torus!
u/donbright

NICE
u/Purpzie

Shortened by 5 characters: for(c.width|=a=0,N=50,P=44/7;a<N*N;)x.fillRect(980+S((j=0|a++/50)/N*P*2)*150+S((i=a%50)/N*P)*300,540+C(j/N*P*2)*150+C(t+i/N*P)*300,5,5)
u/Cloud

#tor

show FPS hide FPS share fullscreen

BriSeven

remix of d/585 by u/BriSeven

function u(t) {

m=140;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m,.004);x.fillRect(99+t%13*m,0,4,2e3);x.drawImage(c,6*C(t*3),0,1920,1078)

Jan 5 2017 1:36 AM UTC

}// 129/140

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

spoke too soon. you can push this even further

u/BriSeven

turn the opacity of the fill up to .5 to see some mad
u/iverjo

trippy ^^

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/579 by u/BriSeven

function u(t) {

m=160;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m,.01);x.fillRect(t%13*m,0,4,2e3);x.drawImage(c,5*C(t),0,1920,1060)

Jan 5 2017 1:09 AM UTC

}// 123/140

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

taste the rainbow maximum amperage edition

u/iverjo

Ooh, the red/orange/yellow thing top left almost looks like a flame. A flame variant with only flame colors would be nice, I think
u/donbright

wild

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/583 by u/New_Core

function u(t) {

if(!t)r=X=Y=800,W=2e3,H=1e3;x.fillStyle='hsl('+r*9+',99%,50%)';x.fillRect(X+=5*S(r+=S((t+X)*r)),Y+=5*C(r),5,5),X=((X%W)+W)%W,Y=((Y%H)+H)%H

Jan 3 2017 10:34 PM UTC

}// 138/140

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

slight modification makes it a bit easier to see what the mysterious "r" accumulator is doing over time.

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/578 by u/New_Core

function u(t) {

if(t<13)d=0.5,m=127,x.fillStyle=R(C(t*d)*m+m,S(t*d-d)*m+m,S(-t*d-d)*m+m),x.fillRect(t*150,0,4,2e3);else x.drawImage(c,a=C(t),0,1920,1050)

Jan 3 2017 1:21 AM UTC

}// 137/140

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

hsl has harsh linear transitions. i've swapped in smooth gliding sinewave transitions

Show more comments…
u/iverjo

Smooth indeed
u/iverjo

127 characters: m=127;t<13?(x.fillStyle=R(C(t/2)*m+m,S(t/2-.5)*m+m,S(-t/2-.5)*m+m),x.fillRect(t*150,0,4,2e3)):x.drawImage(c,a=C(t),0,1920,1050)
u/iverjo

125 characters: m=127;t<13?(x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m),x.fillRect(t*150,0,4,2e3)):x.drawImage(c,a=C(t),0,1920,1050)
u/iverjo

123 characters: m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<13?x.fillRect(t*150,0,4,2e3):x.drawImage(c,a=C(t),0,1920,1050)
u/New_Core

121 I guess as a= is not needed anymore ;)
u/iverjo

121 characters: m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<13?x.fillRect(t*150,0,4,2e3):x.drawImage(c,C(t),0,1920,1050)
u/BriSeven

119 with a compromise on the constant m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<15?x.fillRect(t*m,0,4,2e3):x.drawImage(c,C(t),0,1920,1050)
u/New_Core

114 if we skip the prepaint wait. m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);x.fillRect(t*m,0,4,2e3);x.drawImage(c,C(t),0,1920,1050)
u/New_Core

and last number should be like 1060 for a bit more distortion
u/iverjo

For some extra swaying movement, replace C(t) with 2*C(t)

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/286 by u/iverjo

function u(t) {

if(!t)r=1,X=960,Y=540,W=1920,H=1080;x.fillRect(X+=5*S(r+=S(t*r)/4),Y+=5*C(r),5,5),X=((X%W)+W)%W,Y=((Y%H)+H)%H

Jan 1 2017 12:58 AM UTC

}// 109/140

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

u/iverjo

Clever PRNG trick
u/donbright

this is super brilliant, could really be combined with other stuff to make some cool things id think

show FPS hide FPS share fullscreen

BriSeven

remix of d/570 by u/BriSeven

function u(t) {

t=t%5;if(t<.1)r=X=Y=0,W=c.width=960,H=540;for(i=W*4;i--;)for(j=-1;j<2;j+=2)x.fillRect((X=(X+S(r+=C(t*i*r)/2))%W)*j+W/2,Y=(Y+C(r))%H,1,90/i)

Jan 1 2017 12:39 AM UTC

}// 139/140

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

Rorschach with drips courtesy of 90/i

u/donbright

dude i love this...

dwitter.net | BriSeven (768)