Dwitter - javascript demos in 140 characters

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

AnnanFay

function u(t) {

D=x=>(r=new XMLHttpRequest,r.open('GET','./'+x,0),r.send(),r.response.match(/u\(t.*([^]*?) }/)[1])
eval(t?A:A=D(1494)+';'+D(888).slice(23))

Feb 3 2018 9:00 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/Apex

A dwitter combiner? Awesome
u/joeytwiddle

Squints... scratches head... this is synchronous XHR!
u/joeytwiddle

Same thing, using fetch: F=async I=>T[I]=(await(await fetch('/id/'+I)).text()).match(/u\(t.*([^]*?) }/)[1];eval(t?T[1494]+';'+T[888].slice(23):F(1494),F(888))
u/magna

HAX!
u/Renaud___

HAX ! but funny combinaison :)
u/Xen

lol nice work

show FPS hide FPS share fullscreen

thepiepeloi12

function u(t) {

with(x)for(i=0;i<16;i++){
beginPath() 
fillStyle=`hsl(${16129*S(t/500)},70%,50%)`
arc(1000+S(t+i/6)*700,500+400*S(t+i/0.5),10,0,7)
fill()}

Feb 7 2018 11:44 PM UTC

}// 138/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 fullscreen

silver_bear

remix of d/6781 by u/silver_bear

function u(t) {

c.width|=i=0,x.font="500px Consolas"
for(;i<4;i+=3)
x.fillText(parseInt(Date().slice(16+i,18+i)).toString(2).padStart(7,"0"),0,375+i*180)

Feb 7 2018 11:36 PM UTC

}// 137/140

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

Had some bytes left...

show FPS hide FPS share fullscreen

jonathan_b

function u(t) {

with(x)for(o=i=180;i--;fillRect(o=-i*9,o,s=i*18,s))resetTransform(),translate(960,540),rotate(i+i*S(t/45)),fillStyle=`hsl(${-o},90%,${i}%)`

Feb 5 2018 11:33 PM UTC

}// 139/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 fullscreen

Agnes

function u(t) {

w=c[h='width']+=i=0;e=s=w/5;for(;i<5;x.font=`${s*(1+C(t-i))}px Comic Sans MS`,x.fillText(h[i],e,700+100*S(t)),e+=x.measureText(h[i++])[h]);

Feb 5 2018 9: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).

u/joeytwiddle

My first time seeing Comic Sans on this site. Thank you!!

show FPS hide FPS share fullscreen

jonathan_b

remix of d/6618 by u/BackendForth

function u(t) {

for(i=c.width|=0;i-=10;)for(j=0;j<6.3;j+=.9)g=256*C(j+t*2),x.fillStyle=R(g,g*S(-t),g*S(t)),x.fillRect(i,540+S(i/159+t*6+j)*250*S(j-t),10,g)

Feb 4 2018 1:08 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/lionleaf

Awesome! Love the colours
u/BackendForth

Nice!
u/jonathan_b

thanks!

show FPS hide FPS share fullscreen

TheScrambler

function u(t) {

c.width=1920
c.onmousemove=d=>{a=d.clientX*3.4;b=d.clientY*3;}
for(i=20;i--;){x.lineTo(900+800*T(i*t/10),999-b)
x.lineTo(a,80+b)}x.stroke();

Feb 6 2018 5:32 AM UTC

}// 140/140

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

First dweet, probably could be cooler and save more characters but I thought it was neat

u/aleamb

cool

show FPS hide FPS share fullscreen

SingingGoat

function u(t) {

X=Math.random()*960;Y=Math.random()*540
x.fillRect(X,Y,1920-2*X,1080-2*Y)
x.fillStyle=R(X+C(t),Y+C(t),X+Y+T(t))

Feb 6 2018 6:27 PM UTC

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

AnnanFay

remix of d/6716 by u/silver_bear

function u(t) {

c.width|=i=0,y=S(t*13),w=500
with(x)for(fillStyle='#FE0',moveTo(w,w),arc(w,w,w/2,y*.8,6.3-y);i<9;fill())fillRect(2*w+w*i+++t*-w%w,w,w/9,w/9)

Feb 4 2018 6:11 PM UTC

}// 140/140

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

6.3 is pretty much 2*PI. Putting fill() where it is causes it to fill the pacman in 9 times but saves a byte. Using with saves another 1-2 bytes.

Show more comments…
u/AnnanFay

#FFEE00 is also supposedly the official Pacman colour.
u/silver_bear

Wow, you're quite a bit more advanced than me. Very nice! :)
u/lionleaf

Cool! Similar to one of the really old dweets by u/iverjo : d/312 . :)
u/21medals

you can save 2 bytes by moving "w=500" to the moveTo()
u/AnnanFay

You can also replace 2*w+w*i+++t*-w%w with 2*w+w*i++-t*w%w for 1 byte, you can save 2 bytes by adding i=2 and w*i++-t*w%w which puts us at 135 bytes
u/AnnanFay

One thing I'd like to fix is the rate which pac-man bites down at. It would be nice if it synchronised with the squares.
u/AnnanFay

Improved: https://www.dwitter.net/d/6738

show FPS hide FPS share fullscreen

Apex

function u(t) {

for(c.width|=i=0;i<4;C=S(8*-t+i)*80,T=S(t)*64,x.fillStyle=R(0,T*2,T),x.fillRect(785+i*100,C<0.1?440:440-C,50,C<0.1?200:200+C*2),i++);//hi :D

Feb 4 2018 9:27 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/Apex

Inspired by Google's loading bars animation. It could be golfed further but I was just looking for enough room to put a nice comment
u/Apex

(It changes color, just watch it)