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

prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*j*.01+i))*64+64;x.fillRect(i,j,s,s);
}}

Apr 21 2017 1:53 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/magna

So pretty!
u/cantelope

you can omit the closing parenthesis for hsla and save 1 delicious byte :)
u/donbright

man this is nice

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(j=15;j--;){q=j*9;for(i=50;i--;)x.lineTo(i*(40+q),(99-j*5)*S(t*j*.5+i)+300+j*60);x.lineTo(0,a);x.lineTo(a*2,a);x.stroke()}

Apr 21 2017 12:08 PM UTC

}// 139/140

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

a quick paralx idea, ofcourse would been nicer filled in colors ;) wonder if it can be shorten enough for that.

u/donbright

remix https://www.dwitter.net/d/2547
u/lionleaf

Reminds me of https://www.dwitter.net/d/113
u/joeytwiddle

More sine waves here https://www.dwitter.net/d/1509 ;)
u/13thptr

#parallax

show FPS hide FPS share 1 remix fullscreen

eruonna

remix of d/2522 by u/magna

function u(t) {

c.width|=0
t?0:n=0
onkeyup=e=>n++
x.font='50px monospace';
((u+'').slice(0,n%154)+' |'[t&1]).split('\n').map((r,i)=>x.fillText(r,0,++i*50))

Apr 18 2017 6:27 PM UTC

}// 139/140

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

Hacker typer

u/sigveseb

nice
u/magna

Can be used when your boss catches you looking at dwitter.net at work.

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

c.width=1920
x.fillRect(0,0,1920,1080)
x.fillStyle="#AAAAFF"
for(i=0;i<20;i++){
  a=T(t+i)*10
  x.fillRect(888*i%1920,a,20,a)
}

Apr 18 2017 8:33 AM UTC

}// 127/140

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

*RAIN DROPS*

u/magna

*JAW DROPS*
u/Jenky

Like melting ice :o
u/Polyducks

Aww thanks you guysss!

show FPS hide FPS share fullscreen

neo

function u(t) {

v=255;x.arc(c.width/2+700*S(t*6.75),c.height/2+500*C(7.11*t),0,0,0);x.fill();x.fillStyle=R((v+v*C(2*t)),(v+v*S(1*t)),(v+v*S(5*t)),0.03)

Apr 18 2017 3:47 AM UTC

}// 135/140

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

u/Polyducks

Wow! There's so many patterns

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

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

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2491 by u/New_Core

function u(t) {

t?x.fillRect(a+=9*C(d),b+=9*S(d),9,9):a=b=k=j=0
d=Math.atan2(j-b,k-a)
s=2e3/c.clientWidth
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 3:40 PM UTC

}// 130/140

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

Woodmouth's ant chasing your mouse

Show more comments…
u/joeytwiddle

Since I couldn't fit the edge detection, I stop the ant when it reaches the target. So I stored the target in k,j
u/donbright

this mouse technique is excellent
u/joeytwiddle

To make him a slow turner: D=(Math.atan2(j-b,k-a)-d+3.14)%6.24-3.14;d+=.05*D
u/joeytwiddle

err I mean 6.28
u/Woodmouth

That's impressive. The slow turn was exactly what i was looking for, but that is sadly just a bit too big.
u/MrM@_S

K=3.14;d+=((Math.atan2(j-b,k-a)-d+K)%6.28-K)/20
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/2473 by u/Woodmouth

function u(t) {

onmousemove=e=>{E=-.15+e.pageX/2e3};t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):b=a=d=500;d+=E
d=b>1080?3:b<0?0:a>1920?5:a<0?2:d

Apr 15 2017 7:09 AM UTC

}// 122/140

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

just some fun added, use your mouse.

Show more comments…
u/donbright

i literally laughed out loud playing this
u/joeytwiddle

Brilliant :D
u/Woodmouth

Hmm, there is actually quite a bit of space left. Can anyone make it follow the mose?
u/Woodmouth

Or wait... that would require a lot actually, nvm, i doubt it will be feasible.
u/joeytwiddle

I could get it to chase the mouse but could not keep the edge detection: https://www.dwitter.net/d/2495
u/Woodmouth

The slow turning is exactly what i was thinking of. I've already asked once, but why not again? Is anyone able to compress the last 12 characters in joeytwiddle's 2495 with the slow turn addition?

show FPS hide FPS share fullscreen

z3vin

function u(t) {

w=1920;q=80
for(i=0;i<w;i+=q)for(j=0;j<w;j+=q)x.rotate(t/9),x.fillStyle=`hsl(${i/36*S(t)*5},80%,50%)`,x.fillRect(i,i*S(t),S(t)*2*q+S(t*q),1)

Apr 14 2017 11:04 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/donbright

reminds me a bit of impressionist painting

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

w=c.width=1920
s=50
for(i=s;i<w;i+=s)
for(j=s;j<w/2;j+=s)
{
x.fillStyle=`hsl(${t*39+(j)*.3},99%,70%`
x.fillRect(i,j,S(t+i)*s,S(t+i)*s)
}

Apr 14 2017 10:16 PM UTC

}// 136/140

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

dwitter.net | iverjo (56085)