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

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.

show FPS hide FPS share fullscreen

magna

remix of d/2370 by u/magna

function u(t) {

c.width|=0;for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200));with(c.style)background=`linear-gradient(${S(t)}turn,#ccc,#fff,#ccc)`;

Apr 1 2017 6:03 AM UTC

}// 136/140

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

More thinking outside the box

Show more comments…
u/sigveseb

This is cool
u/donbright

haha best remix of default
u/magna

Heh, thanks! Though, I'd argue that techniques like these are probably "illegal" due to use/abuse of things external to the canvas. And dweets like these are bound to eventually break as the Dwitter runtime is updated. But, hell, this is fun!
u/nonce

I think this is Kosher. You are manipulating the canvases style after all. Also you don't need the with c.style.background= is 5 char shorter
u/magna

Ah dang. That's a vestige of trying to add more effects to this :)
u/magna

#default
u/fujimotos

#light

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

c.width=c.clientWidth
t?p.map(v=>{x[v[2]?'lineTo':'moveTo'](...v)}):p=[]
x.stroke()
onmousemove=e=>p.push([e.pageX,e.pageY,e.buttons])

Mar 31 2017 1:48 PM UTC

}// 134/140

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

Basic drawing program, not sure if this has been done similarly already, should work cross-browser

show FPS hide FPS share fullscreen

nonce

remix of d/2330 by u/mxfh

function u(t) {

l=(''+u)[~~t];with(x)font='9em m',fillStyle=`hsl(${(l.charCodeAt()-65)*11.2},99%,60%`,fillText(l,935,560),drawImage(c,-20,-9,1960+S(t),1098)

Mar 30 2017 7:27 AM UTC

}// 140/140

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

ASCII Synesthesia

show FPS hide FPS share 1 remix fullscreen

nonce

remix of d/2299 by u/nonce

function u(t) {

with(x)font='1450px Arial',lineWidth=5,strokeStyle=R(255,S(t*5)*200,S(t*5)*255),strokeText('❤',300,999),drawImage(c,5,4,1910,1072)

Mar 28 2017 3:10 AM UTC

}// 130/140

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

There are so many fun things to try. Try changing the ❤ to different letter or symbol. Also if you make the G,B out of sync it goes funky.

u/nonce

Try strokeStyle=hsl(${t*500},99%,50%) also
u/cantelope

nice!

show FPS hide FPS share 1 remix fullscreen

sfz

function u(t) {

c.width=(w=99)*2
O=C(t)
P=S(t-4*O)
Q=C(t+3*P)
for(Z=w;Z--;)q=Z+t,m=S(q+Z%3),n=C(q+Z/3),X=P*O+Q*Q,x.fillRect(w+X*6+w*m,w+Q*4+w*n,L=4*C(q),L)

Mar 25 2017 9:34 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

lol it wobbles!!!

show FPS hide FPS share fullscreen

Jenky

remix of d/2256 by u/sfz

function u(t) {

t=t%((r=Math.random)()*.6+.6)>.01||new Audio(`http://www.soundboardcity.com/sounds/fart-machine/fart${~~(r()*9)+1}.mp3`).play()

Mar 25 2017 1:00 AM UTC

}// 127/140

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

Guys I'm very mature

u/donbright

Me too. We are all very grown up and serious here on Dwitter. Your insightful analysis of methane emissions will prove a great contribution to climate science.
u/joeytwiddle

Well this made me laugh :)

show FPS hide FPS share fullscreen

nick

function u(t) {

c.width^=0;r=x=>Math.random()*C(x)**2*100+500;
x.font='159px o';x.fillText(C(t)**2<0.3?"calm":"pissed",r(t),r(t))

Mar 22 2017 5:02 AM UTC

}// 113/140

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

u/tapgiles

lol ;P
u/Xen

love it lol