Dweets awesomed by u/iverjo

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 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 1 remix fullscreen

iverjo

remix of d/581 by u/iverjo

function u(t) {

t>7?(x.fillStyle='#fff',x.fillRect(278+(t|0)*90,155,15,15)):(X=S(S(t*4)*1.5)*.6,x.lineTo(960+512*X*X*X,480-42*(13*C(t)-7*C(2*t))),x.fill())

Jan 3 2017 11:48 AM UTC

}// 139/140

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

Catwoman (wait for it)

u/iverjo

134 characters: t>7?(x.fillStyle='#fff',x.fillRect(278+(t|0)*90,155,15,15)):(X=S(S(t*4)*1.5),x.lineTo(960+110*X*X*X,480-546*C(t)+294*C(2*t)),x.fill())
u/BirdsTweetCodersDweet

#tagfail
u/BirdsTweetCodersDweet

.
u/BirdsTweetCodersDweet

nice dweet

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/580 by u/iverjo

function u(t) {

t>7?(x.fillStyle='#fff',x.fillRect(209+(t|0)*99,220,15,15)):(X=S(S(t*4)*1.5)*.6,x.lineTo(960+512*X*X*X,480-32*(13*C(t)-4*C(2*t))),x.fill())

Jan 3 2017 10:53 AM UTC

}// 139/140

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

Wait for it

u/iverjo

Alien?
u/joeytwiddle

a Japanese lady

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/577 by u/iverjo

function u(t) {

X=S(S(t)*2);x.lineTo(960+512*X*X*X,480-32*(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t)),15,15);x.fill()

Jan 3 2017 10:24 AM UTC

}// 92/140

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

A shield? Or a cat? Maybe a rose? There's room for more code to draw things like eyes

u/iverjo

Feel free to create a remix

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

iverjo

remix of d/568 by u/iverjo

function u(t) {

x.fillStyle=R(247,160,211,r=1/(1+.02*t));X=S(t);x.fillRect(960+512*X*X*X*r,480-32*r*(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t)),15*r,15*r)

Jan 2 2017 3:02 AM UTC

}// 129/140

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

#heart

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

dwitter.net | iverjo (56085)