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

rileyjshaw

function u(t) {

for(n=200,c.width|=0,i=2e3;i--;x.lineTo(i,540-S(t*i/n)/t*n*n))x.fillStyle=R(S(t)*n,S(t+2)*n,S(t+4.2)*n);x.fill()

Apr 26 2017 7:56 PM UTC

}// 112/140

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

Stripey wiper

u/iverjo

+1 for the novelty

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

function u(t) {

r=540
p=6.283
x.strokeStyle=R(0,0,0,.02)
n=Math.random(x.stroke())*p
x.lineTo(960+C(n)*r,r+S(n)*r)
n<.1&&x.beginPath()

Apr 26 2017 6:33 PM UTC

}// 118/140

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

u/joeytwiddle

That's no moon
u/rileyjshaw

@joeytwiddle 😂 try setting p=5.2
u/magna

@rileyshaw LOL
u/magna

* @rileyjshaw

show FPS hide FPS share 1 remix fullscreen

hscells

function u(t) {

w=c.width=1980
for(f=w/2,i=f/5;i--;)x.lineTo(w/2+S(i+t)*f/2,540+S(i)*f/9)
for(i=f;i--;)x.lineTo(w/2+S(i+t/5)*f/3,540+S(i*5)*f/2)
x.stroke()

Apr 23 2017 11:48 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/donbright

remix https://www.dwitter.net/d/2563
u/hscells

if someone can remove that nasty line between the shapes that would be fantastic!

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