Dweets awesomed by u/pstefanlarsson

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

pstefanlarsson

remix of d/1817 by u/pstefanlarsson

function u(t) {

x.translate((Math.random()*30 - 15)*C(t/10), (Math.random()*30-15)*S(t/10))
x.fillStyle=`hsl(`+(5*t)+`,80%,50%)`
x.fillRect(960,500,10,10)

Mar 3 2017 9:14 AM UTC

}// 138/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

pstefanlarsson

function u(t) {

x.translate(Math.random()*10 - 5, Math.random()*10-5)
x.fillStyle=`hsl(`+(5*t)+`,80%,50%)`
x.fillRect(960,500,10,10)

Mar 3 2017 9:08 AM UTC

}// 116/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

pstefanlarsson

remix of d/1546 by u/pstefanlarsson

function u(t) {

c.width=1920;
for(i=0;i<1920;i+=6){
h = 200*C(t+i/100)+200*S(3*t+i/300)-100*C(1.2+i/200-t);
x.fillRect(i, 540-h, 3, h)
}

Mar 2 2017 7:09 AM UTC

}// 121/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

FireFly

function u(t) {

t || x.translate(960, 540)
for (i=40; i--; x.rotate(S(t)))
 x.fillStyle = 'hsla('+i*t+',90%,50%,'+1/t+')',
 x.fillRect(v=i*20, v, i*t, i*t)

Mar 1 2017 8:05 PM UTC

}// 139/140

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

Colour mania

u/iverjo

Nice!
u/Woodmouth

Ohh, if you wait long enough it goes grey, but then if you wait even longer, it quite suddenly goes back to color, and then suddenly even more grey
u/joeytwiddle

After that it ends up resting on a kind of shiny brushed metal pattern. Amazing!
u/joeytwiddle

#shiny
u/joeytwiddle

#color #rainbow (sorry for spamming the comments)

show FPS hide FPS share 1 remix fullscreen

pstefanlarsson

remix of d/1544 by u/pstefanlarsson

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<1920;i+=3){
h = 540*C(i*t/100);
x.fillRect(i, 540+h/2, 3, h/2*S(i/100))
}

Feb 28 2017 9:37 AM UTC

}// 121/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

pstefanlarsson

remix of d/1542 by u/pstefanlarsson

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<1920;i+=3){
h = 540*C(i*t/30+30*t);
x.fillRect(i, 540, 3, h)
}

Feb 28 2017 9:35 AM UTC

}// 110/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

pstefanlarsson

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<1920;i++){
h = 540*C(i*t);
x.fillRect(i, 540, 1, h)
}

Feb 28 2017 9:29 AM UTC

}// 101/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

pstefanlarsson

function u(t) {

c.width=1920
for(i=0;i<400;i++){
a=i%20
b=Math.floor(i/20)
f=C(a+b-t)
w=10+30*f
x.fillRect(600+(40*(2*a+1)-w)/2,140+(40*(2*b+1)-w)/2,w,w)
}

Feb 28 2017 7:59 AM UTC

}// 139/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

pstefanlarsson

function u(t) {

c.width=1920;
for(i=0;i<100;i++){
a = i % 10;
b = Math.floor(i / 10);
x.fillRect(600+a*80, 140 + b*80, 60*C((a+b+1)*t), 60*S((a-b)*t))
}

Feb 28 2017 7:06 AM UTC

}// 136/140

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

u/5Mixer

Woa trip. I love the patterns it makes.

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6: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/sigveseb

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

dwitter.net | pstefanlarsson (137)