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

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

show FPS hide FPS share 1 remix fullscreen

BuRRak

function u(t) {

eval(unescape(escape`爽焽㹸孱㼢汩湥呯∺≭潶敔漢崨眫⡘ⴲㄩ⽚⩷ⰱ⸵⽚⩷⤻景爨眽㔰〬椽挮睩摴栽ㅥ㌬砮獴牯步却祬攽✣㠰昧ⱸ⹦楬汒散琨〬〬椬椩㭩ⴭ㭲⡚⬫⤬爨堭⴩⥘㴨椫匨琩⨴⤥㐰ⱚ㴱⬨椯㐰簰⤭琪㔥ㄬ爨⤻砮獴牯步⠩`.replace(/u(..)/g,"$1%")))

Apr 12 2018 4:07 PM UTC

}// 139/140

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

Remix of https://codegolf.tk/a/231 and d/7629

u/BuRRak

Thanks a lot to cantelope for original code :)

show FPS hide FPS share fullscreen

Prisma

function u(t) {

x.fillRect(0,0,c.width,c.height); // Generates a black screen
// Useful for pranking your friends!

Apr 16 2018 10:31 PM UTC

}// 98/140

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

u/Galaxtone

Not very impressive imo
u/Prisma

Not really. but I can fool my friends.

show FPS hide FPS share 1 remix fullscreen

Galaxtone

remix of d/5168 by u/rippedspine

function u(t) {

t||(a=b=0);c.onmousemove=e=>m=e;r=c.width/c.clientWidth;x.fillRect(a+=(m.x*r-a)*.2,b+=(m.y*r-b)*.2,9,9)

Apr 16 2018 9:52 PM UTC

}// 103/140

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

Same as original but saved 24 bytes.

u/BalintCsala

You can just put }{a=b=0 at the end
u/Galaxtone

Saving 4 bytes.
u/Galaxtone

^ (that would save*)

show FPS hide FPS share fullscreen

BoredKid

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<1920;i++){
x.fillStyle="pink";
x.fillRect(i,S(t)*1920*S(i),50,50);
}

Apr 15 2018 5:59 PM UTC

}// 111/140

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