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 fullscreen

acnologia

function u(t) {

c.width=1920;for(i=0;i<1920/50;++i){for(j=0;j<c.height;j+=50){x.beginPath();x.arc(i*50,j,(S(i*t+j*t/100)+1)*9,0,Math.PI*2);x.fill();}}

Apr 14 2018 11:37 AM UTC

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

Agnes

remix of d/7684 by u/Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=5;j--;beginPath(),a=6.3/j,arc(960,540,150+25*i,o=i*t-a/2,a+o),lineWidth=2*j+5,stroke());

Apr 16 2018 10:57 AM UTC

}// 126/140

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

A slightly more boring version of the previous dweet with colours removed to make the circle segments wrap around each other better. There's probably a way to do colour with this.

show FPS hide FPS share fullscreen

anthonylewis

function u(t) {

c.width^=0;x.translate(960,540)
x.fillStyle=R(0,0,0,.1);for(i=20;i--;)
x.beginPath(),x.arc(0,0,i*50*(S(t)+1),0,7),x.fill()

Apr 16 2018 12:38 AM UTC

}// 123/140

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

u/joeytwiddle

Now I have the Looney Tunes music in my head!

show FPS hide FPS share fullscreen

Galaxtone

remix of d/7696 by u/Galaxtone

function u(t) {

t||(a=b=0);c.onmousemove=e=>m=e;r=c.width/c.clientWidth;with(x)beginPath(),moveTo(a,b),lineTo(a+=(m.x*r-a)*.2,b+=(m.y*r-b)*.2),stroke();

Apr 16 2018 10:04 PM UTC

}// 136/140

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

Show more comments…
u/lionleaf

Global variables can remain defined as you edit if you remove the declaration. So it could be working locally but then break when you post it. Missing a declaration of m :)
u/lionleaf

It's a bug :|
u/lionleaf

Waaaaait, nevermind. It gets initialized when I hover my mouse over the dweet. I was a bit too quick there.
u/Galaxtone

Yah, I do that all the time
u/Galaxtone

Plus I already did that with a and b
u/Galaxtone

I just deleted it and fixed it
u/Galaxtone

So yah:
u/Galaxtone

Ignore the m is undefined error, Just move your mouse inside the dwit to make it go away.
u/sirbo

why do you assign m=e and don't simply use e
u/sirbo

why do you assign m=e and don't simply use e
u/sirbo

why do you assign m=e and don't simply use e
u/sirbo

ops

show FPS hide FPS share fullscreen

Galaxtone

function u(t) {

for(i=0;i<10;i++){x.fillStyle=R(S(t)*255,C(t)*255);x.beginPath();
x.ellipse(400+i*99+S(t)*300,S(t)*99+400,50,C(t)*99+200,0,0,3,1);x.fill();}

Apr 16 2018 12:39 AM UTC

}// 140/140

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

141/140 I broke the matrix

u/prplz

When the order of your for loop isn't important you can make it count backwards like this for(i=10;i--;)
u/Galaxtone

oh nice thx for the tip I'm new to this code-golfing site
u/Galaxtone

also I saw something about using with(x) so I think I'll use that for future stuff :p
u/Galaxtone

for(i=10;i--;)with(x){fillStyle=R(S(t)*255,C(t)*255);beginPath(); ellipse(400+i*99+S(t)*300,S(t)*99+400,50,C(t)*99+200,0,0,3,1);fill()} Saved 5 whole bytes using that

show FPS hide FPS share 1 remix fullscreen

firegodjr

function u(t) {

c.width=1920
for(y=0;y<38;++y)for(d=0;d<2;++d,x.fill()){x.beginPath();for(w=0;w<33;++w){x.lineTo(60*w,S(t+(y+d)/5+w/2)*50+30*y+30*d-25)}}

Apr 13 2018 6:06 PM UTC

}// 137/140

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

u/elochimsiemasz

Wow
u/loni_art

trippy!"
u/jylikangas

Cool! Here's the same with 120bytes if your or someone wants to add color...for(c.width|=y=38;y--;)for(d=2;--d;x.fill(new Path2D(V)))for(V='M',w=33;w--;)V+=[60*w,S(t+(y+d)/5+w/2)*50+30*y+30*d]+'L'
u/firegodjr

Thanks for the golf, I'm afraid Path2D strings are a bit over my head at the moment, but I did manage to golf it to 108 chars without using them. :)

show FPS hide FPS share 1 remix fullscreen

mohammedamarnah

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<100;i+=0.3)
x.lineTo(S(2*t*i)*500+c.width/2, S(4*t*i)*500+c.height/2)
x.stroke()

Apr 15 2018 5:39 AM UTC

}// 123/140

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

Lissajous curve (Bowditch Curve)

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7684 by u/Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=5;j--;beginPath(),arc(960,540,150+25*i,o=i*t-3/j,6.3/j+o),lineWidth=2*j+5,strokeStyle=R(40*j))stroke()

Apr 16 2018 11:01 AM UTC

}// 140/140

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

Turns out approximations of pi are fine if you're not multiplying with your bad approximation of pi.

show FPS hide FPS share fullscreen

BoredKid

function u(t) {

c.width=1920
h=c.height
for(i=0;i<800;i++){
x.fillRect(1920*i/800,((500*S(i*30))+(t*1920*S(i))+t%h)%h,5*S(2*i),50*S(4*i));
}

Apr 15 2018 6:35 PM UTC

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

sirbo

function u(t) {

for(i=74;(I=i*25)>=0,i--;)for(j=40;(J=j*25)>=0,j--;){x.fillStyle=R((C(j*t-i)+1)*128,(S(i*t-j)+1)*128,0,255);x.fillRect(I,J,24,24)}

Apr 15 2018 12:23 AM UTC

}// 130/140

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

wow, just landed on dwitter!

u/sirbo

psychedelic version of a anthonylewis dweet