Dweets awesomed by u/lionleaf

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

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

sawaxon

remix of d/1609 by u/sawaxon

function u(t) {

c.width=1920;for(j=0;j<9;j++)for(i=0;i<119;i++)x.fillRect(j*i*20,T((100+t)*i/100),10,10);

Feb 28 2017 7:52 PM UTC

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

sawaxon

function u(t) {

c.width=1920;
for(i=0;i<19979;i++)x.fillRect(999+T((10+t)*i)*500+C(i)*100,500+S((10+t)*i)*500+S(i)*150,4,4);

Feb 28 2017 7:41 PM UTC

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

Bombo

function u(t) {

l=300;w=c.width=1920;g=(a,b,y,z)=>x.fillRect(w/2+a,w/4+b,y,z);for(i=180;i--;)g(i+l*C(t+i*2),l*S(t*5+i),9,9),g(l*C(t+i*2),l*S(t*5+i),9,9)

Feb 28 2017 7:36 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/5Mixer

Woah this is really cool. Sometimes it appears to be going in the reverse direction, because your eyes have no way of knowing, dope!

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

khalkeus

function u(t) {

v=['<・><','<・))><<','くコ彡','(___.))><'];w=333;c.width=w;for(i=1;i<55;i++){x.fillText(v[Math.round(C(i)*C(i)*3)],w-(t*S(i)*99)%(w*2)+99,i*4)}

Feb 28 2017 5:17 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/sigveseb

very nice!
u/iverjo

Cool :) This reminds me of a game "Zubwar" that I made when I was a kid

show FPS hide FPS share 1 remix fullscreen

Lappi

remix of d/1589 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Monaco';
for(i=0;i<200;i++)
x.fillText('🌈',i*Math.sqrt(i),S(t)*600+S(i*2+t*2)*200+500);

Feb 28 2017 5:10 PM UTC

}// 114/140

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

kappapride

show FPS hide FPS share fullscreen

FireFly

function u(t) {

x.strokeStyle='hsl('+t*8+',90%,50%)'
x.beginPath()
for(i=24;i;x[i-24?'lineTo':'moveTo'](960+--i*20*C(U=i/4+t/4),540+i*20*S(U)));
x.stroke()

Feb 28 2017 4:37 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

cool hsl

show FPS hide FPS share 1 remix fullscreen

sawaxon

remix of d/1580 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Arial';
for(i=0;i<190;i++)
x.fillText('*',i*10,S(t)*600+S(i*2+t*2)*200+400);

Feb 28 2017 4:22 PM UTC

}// 103/140

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

u/lionleaf

Scary barbed fence :O

show FPS hide FPS share fullscreen

FireFly

function u(t) {

X=0;X||(c.onmousemove=(e)=>(x.lineTo(X=e.offsetX/c.offsetWidth*1920,Y=e.offsetY/c.offsetHeight*1080),x.beginPath(x.stroke()),x.moveTo(X,Y)))

Feb 28 2017 3:28 PM UTC

}// 140/140

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

Paint! Works best in fullscreen, unfortunately I can't fit detection of mouse button to toggle painting (also not sure how, without two more event handlers…)

u/Kalanchoe

Nice! moveTo is unnecessary if you already have beginPath and lineTo; c.offsetWidth/1920 and c.offsetHeight/1080 are both equal to about .2958 (at least on the desktop): https://www.dwitter.net/d/809
u/FireFly

Won't c.offsetWidth and c.offsetHeight change when the user goes fullscreen? I wanted to support both not-fullscreen and fullscreen equally well. Good point about moveTo!

dwitter.net | lionleaf (43235)