Dweets awesomed by u/spbyrne

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

New_Core

function u(t) {

w=c.width=128;for(i=w*w;i--;)x.fillStyle=R(0,0,0,Math.random()),x.fillRect(i%w,i%(w-1),1,1);x.font='5em A';x.fillText("☠",25,65);

Feb 28 2017 8:16 PM UTC

}// 129/140

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

I did one with ImageData but the skull didnt fit in. (it was faster but not fast enough to size it up).

u/sfz

swank!
u/New_Core

#noise

show FPS hide FPS share fullscreen

FireFly

function u(t) {

if (!t) x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*20+',90%,50%)'
x.fillRect(0, 0, X/t, X/t)
x.strokeRect(0, 0, X/t, X/t)
x.rotate(16/t)

Feb 28 2017 5:40 PM UTC

}// 140/140

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

Rainbow flower

u/SpecialAgent

so pretty. good use of translation.

show FPS hide FPS share fullscreen

MiseryMyra

function u(t) {

c.width=1920
for(i=1;i<7;i++){x.fillStyle=R(i*S(t)*S(t)*255,0,C(t)*C(t)*99,1)
x.fillRect(800*S(i*t)+960,300*C(i*t)+99*C(3*i*t)+540,99,999)}

Feb 28 2017 1:59 PM 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 2 remixes fullscreen

lionleaf

remix of d/431 by u/lionleaf

function u(t) {

c.width=2e3;v='Avatars from gravatar!';for(i=v.length;i--;)x.font=130+S(t*5)*30+'px Arial',x.fillText(v[i],i*89,540+S(t*9+i)*20)

Feb 28 2017 12:06 AM UTC

}// 128/140

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

Avatars have been added! They are fetched from gravatar.com based on your email, so register there to get one. Thanks to u/sigveseb for the implementation :)

u/lionleaf

#feature

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

w=c.width=1e3;f=50;for(s=1;s<f;s++){n=t/4%1*f*s;for(i=0;i<f*2;i++)x.quadraticCurveTo(i*f-25-n,s*f*1.1,i*f-n,s*f);x.stroke();x.beginPath()}

Feb 27 2017 9:13 PM UTC

}// 138/140

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

u/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

innovati

function u(t) {

for(i=1500;i--;){
  x.fillStyle='hsl('+i*10+',75%,50%)';
  x.fillRect(i/t,i*t,30,30);
}

Feb 27 2017 8:11 PM UTC

}// 87/140

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

u/infin80

That's a helluva trip!
u/Xen

Has anyone really been far as decided to use even go want to do look more like?

show FPS hide FPS share fullscreen

PhocaZH

remix of d/1449 by u/PhocaZH

function u(t) {

e=t-2;p=150;M=Math;g=M.abs(e);y=400+-M.sqrt(1-M.pow(g-1,2))*p;a=-M.acos(1-g);x.fillStyle=R(g*p);x.fillRect((6+e)*p,y,6,(6+a)*p-y)

Feb 27 2017 6:51 PM UTC

}// 129/140

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

u/donbright

best heart yet

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

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

η=c.width=99;s=x.createImageData(η,η);for(α=0;α<η;α++)for(κ=0;κ<η;κ++){λ=(α*η+κ)*4;s.data[λ]=t/4*λ&0xff;s.data[λ+3]=λ;}x.putImageData(s,0,0)

Feb 27 2017 3:41 PM 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

spbyrne

function u(t) {

l=24;if(t==0)s=x.createImageData(l,l);for(i=0;i<l*l;i++){s.data[i*4+3]=Math.random()*3e4;x.putImageData(s,(i/7.16)*l,(Math.random()*45)*l)}

Feb 27 2017 2:10 PM UTC

}// 139/140

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

u/donbright

night blizzard!
u/Chapsie

This is comforting in an odd way, nice!

dwitter.net | spbyrne (1623)