Dweets awesomed 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/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 1 remix fullscreen

New_Core

remix of d/575 by u/iverjo

function u(t) {

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

Jan 3 2017 12:43 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

If we use ES6 template literals, we can shave off a byte :D
u/iverjo

hsl(${X},99%,50%)

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

New_Core

function u(t) {

if(t<16)x.fillStyle='hsl('+t*22+',100%,50%)',x.fillRect(t*120,0,2,1080);if(t>16)x.drawImage(c,a=C(t),0,1920+a*3,1050)

Jan 2 2017 9:32 AM UTC

}// 117/140

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

94 skipping prepaint x.fillStyle='hsl('+t*22+',100%,50%)';x.fillRect(t*120,0,2,2e3);x.drawImage(c,C(t),0,1920,1050)

u/New_Core

#colorshock

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/573 by u/BriSeven

function u(t) {

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

Jan 2 2017 2:33 AM UTC

}// 114/140

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

PRNG without the straight lines in the beginning

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...

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/291 by u/iverjo

function u(t) {

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

Jan 1 2017 12:01 AM UTC

}// 126/140

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

u/donbright

the gray scale is what makes this awesome

show FPS hide FPS share 2 remixes fullscreen

iverjo

remix of d/257 by u/iverjo

function u(t) {

x.fillStyle=R(249,183,227,.01);X=S(t);x.lineTo(960+512*X*X*X,480-32*(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t)));x.fill()

Dec 31 2016 3:17 PM UTC

}// 112/140

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

u/BriSeven

nice maths
u/iverjo

Found the mathematic formula online somewhere ^^
u/joeytwiddle

Wait, there's a mathematical formula for love? :-O
u/iverjo

#heart
u/katkip

<3 #math

dwitter.net | BriSeven (5912)