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

mchll.bd

remix of d/888 by u/jczimm

function u(t) {

c.width=1920;
for(i=0;i<500;i++)for(j=0;j<8;j++){x.fillRect(960+500*C(i)*S(T(t/3.1)+j/i),520+500*S(i),10,10)}

Dec 31 2017 11:51 PM UTC

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

Mangocode

function u(t) {

c.width=1920;
t*=20
for(i=0;i<t;i+=0.25){
x.fillStyle=R(255-i/(t/255),0,0)
  x.fillRect(960+S(i)*i, 540+C(i)*i, 50, 50)
}

Jan 2 2018 7:24 AM UTC

}// 121/140

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

u/jyoti

Hi, I want to use this code how should i?
u/Mangocode

What, specifically, do you mean?
u/iverjo

@jyoti: Go to https://dweet.dwitter.net/id/5224?autoplay=1 and save the page to get a "standalone" HTML file
u/Mangocode

Apologies for the extremely late response, are you asking how to download it?
u/Mangocode

I feel stupid. I wonder what the meaning of life is.

show FPS hide FPS share fullscreen

eviltoad

remix of d/5113 by u/eviltoad

function u(t) {

a=255;t||(i=0,j=0,b=960,c=540);q=Math.random;n=q()>.5?-30:30;x.beginPath();x.moveTo(b,c);f=_=>_+n*q();x.lineTo(b=f(b),c=f(c));x.stroke();

Jan 1 2018 4:15 PM UTC

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

function u(t) {

c.width|=0;d=new Date(1986,10,9),n=new Date(),f=31536e10,P=Math.PI/2;x.arc(960,540,5e2,-P,4*P*(n-d)/f-P,1);x.lineTo(960,540);x.stroke()//10k

Jan 3 2018 6:00 AM UTC

}// 140/140

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

https://en.wikipedia.org/wiki/Clock_of_the_L…

u/iverjo

#clock
u/rg

#time

show FPS hide FPS share fullscreen

laynehobby

function u(t) {

w=c.width=2e3;
for(p=0;p<6.28;p+=.01){
x.fillRect(C(C(t)*p+t)*500+1e3,S(S(t)*S(t)*p+t)*500+500,C(t)*99,S(t)*99);
}

Jan 3 2018 6:00 AM UTC

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

BirdsTweetCodersDweet

function u(t) {

w=1920/2;h=1080/2;if((t*t)/S(t*t) > 1){z=(t*t)/S(t*t);}x.strokeStyle=R(15,25,15, 0.75);x.beginPath();x.arc(w,h,z,0,Math.PI/S(t));x.stroke();

Jan 1 2018 3:42 PM UTC

}// 140/140

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

Similar to my previous post, of a water-like texture, but with tons of lines instead :P (re-upload - fixed errors)

show FPS hide FPS share fullscreen

ADESONOM

function u(t) {

c.width=1920;x.font="150px Arial";n=~~(t/2);x.fillText(n+":"+(n%3?"":"Fizz")+(n%5?"":"Buzz"),600,520)

Dec 31 2017 3:39 PM UTC

}// 101/140

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

See this is what happens when you get bored and you're watching Tom Scott...

u/BirdsTweetCodersDweet

What is this even meant to be?
u/PiggyClone205

A word game thing in which you list numbers, and say fizz on every multiple of three, buzz on every multiple of five, and on every multiple of both three and five, you say fizzbuzz.

show FPS hide FPS share 2 remixes fullscreen

jbl

function u(t) {

c.width|=0;for(i=2e3;--i;){p=t-i;d=i/9;x.fillStyle=R(d,0,0,S(p));x.fillRect((C(p)*850)%2e3+S(t)*500+990,(i*11+t*99)%2e3-99,S(p)*90,90)}

Dec 28 2017 12:13 PM UTC

}// 135/140

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

u/sigveseb

Nice sense of scale
u/Xen

love it
u/Xen

done you a remix: #4403
u/jbl

thanks!
u/Xen

very welcome ;-)
u/vain

Looks like some bumpmapped tower. Very impressive! Great work!

show FPS hide FPS share fullscreen

laynehobby

remix of d/5009 by u/laynehobby

function u(t) {

x.fillRect(0,r=1,w=c.width=2003,w);
x.fillStyle="#fff";
for(i=2e2;i<7e2;i++){
x.fillRect((r+t*i*3+1990*i)%w,r%w,s=i%18,9-s);
r=r*2%w;
}

Jan 3 2018 5:05 AM UTC

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

jonathan_b

remix of d/5197 by u/jonathan_b

function u(t) {

c.width|=s=980,(F=J=>{(G=I=>{x.fillStyle=R(s/I,k=s*T(I%t/99+I),I),x.fillRect(s+C(t+I)*k,s+s*S(I/J-t),r=30/J,r),--I&&G(I)})(s),--J&&F(J)})(4)

Jan 2 2018 4:55 AM UTC

}// 140/140

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