Top dweets of all time

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 fullscreen

prawnwarp

function u(t) {

c.width|=0;for(j=0;j<12;j++){for(i=0;i<10;i++){x.beginPath();x.moveTo(j*100,540);x.lineTo(960+500*C(t*i),540+500*S(t*i));x.stroke();}}

Apr 20 2017 3:16 AM UTC

}// 134/140

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

u/donbright

interesting idea
u/joeytwiddle

If I look at the point, I see it coming out of the screen. But if I look at the back, I see it point away.

show FPS hide FPS share 1 remix fullscreen

terkel

function u(t) {

w=c.width,h=c.height
for(i=0;i<90;i++){
x.fillStyle = R(i*(t/200)*4,i*40,150,1/i)
x.fillRect(w/2+S(t)*250*i,h/2+C(t)*(20*i),10,10)
}

Apr 19 2017 7:01 PM UTC

}// 132/140

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

u/Polyducks

This is so smooth. Feels like a radar :>
u/terkel

Thanks mna!

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2420 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,S(Y+t*7)/4<Math.random()&&x.fillRect(400+X*10,400+Y*10,10,10));

Apr 18 2017 4:06 AM UTC

}// 132/140

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

#default #noise

u/iverjo

#random

show FPS hide FPS share 2 remixes fullscreen

Woodmouth

remix of d/2472 by u/Woodmouth

function u(t) {

t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):(b=a=99,d=0)
d+=Math.random()-.5
d=b>1080?3:b<0?0:a>1920?5:a<0?2:d
x.fillStyle=`hsl(${t*99},99%,50%`

Apr 12 2017 6:18 PM UTC

}// 138/140

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

There we go :)

u/joeytwiddle

Very cute, rainbow ant who cannot escape!
u/New_Core

133 if you change (b=a=99,d=0) to b=a=d=0
u/iverjo

#random

show FPS hide FPS share 1 remix fullscreen

Woodmouth

remix of d/2471 by u/Woodmouth

function u(t) {

t?x.fillRect(a=(1920+a+9*S(d))%1920,b=(1080+b+9*C(d))%1080,9,9):(b=a=99,d=0),d+=Math.random()-.5
x.fillStyle=`hsl(${t*99},99%,50%`

Apr 12 2017 9:27 AM UTC

}// 130/140

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

Thanks to everyone, and perhaps especially donbright, we have enough space for colors! (I just copied the fillStyle from cantelope's #2451 )

u/Woodmouth

t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):(b=a=99,d=0);d+=Math.random()-.5;d=b>1080?3:(b<0?0:(a>1920?5:(a<0?2:d)));x.fillStyle=hsl(${t*99},99%,50%
u/Woodmouth

4 characters away from colors and boarder btw
u/donbright

@joeytwiddle was correct, you can take the parenthesis out of my ? statements which should leave enough room

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width=500
x.fillRect(0,0,w,w)
x.strokeStyle="red"
for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());

Apr 9 2017 9:39 PM UTC

}// 139/140

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

\m/ (>.<) \m/

u/cantelope

it's fun to adjust the c.width=X value. for low values it gets very blocky, but shape position should not be affected.
u/donbright

adjust c.width with mouse: t?w=c.width=n:n=1 onmousemove=e=>n=e.pageY for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());
u/cantelope

@donbright lol excellent https://www.dwitter.net/d/2459

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

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

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width
x.font=w/3+"px a"
x.fillStyle=R(w,w,0)
x.fillText('★★★',w/9,w/2.6)
c.style.transform=`perspective(300px)rotate3d(0,1,0,${t/3}turn`

Apr 7 2017 1:14 AM UTC

}// 140/140

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

u/magna

Thanks! ;)

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|=0;for(i=m=118;i--;c=m&(1<<i%7)?54:4,X=i*100,x.fillRect(X-c/2,700,c,220),x.fillRect(X-2,920,4,m));

Apr 5 2017 6:37 PM UTC

}// 106/140

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

Piano keys prototype

u/recursive

golfed it by 12: https://www.dwitter.net/d/2439
u/magna

#piano

show FPS hide FPS share 1 remix fullscreen

nonce

function u(t) {

k=frame,p=q=0
for(s=1;s<32;s*=2){a=1&k/2;b=1&k^a
if(!b){if(a)p=s-1-p,q=s-1-q;_=p,p=q,q=_}p+=s*a;q+=s*b
k=k>>2}x.fillRect(p<<5,q<<5,t/2,t/2)

Apr 2 2017 10:46 AM UTC

}// 139/140

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

u/cantelope

A Hilbert Curve!
u/donbright

love it!!!
u/cantelope

what is frame?
u/cantelope

Oh! I see. Didn't know there was a frame counter. neat.