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

donbright

remix of d/3697 by u/Citiral

function u(t) {

w=1920;for(c.width=i=w;i-=10;)for(j=w;j-=10;){
d=(i*i+S(3.14*(i/w))*j*j)/frame
o=d%9
x.fillRect(i,j,o,o)}

Jan 2 2018 3:15 AM UTC

}// 105/140

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

u/joeytwiddle

I was about to comment "donbright would like this one" but then suddenly ... !
u/magna

Wow!
u/Xen

one of my new fav's, love this!

show FPS hide FPS share fullscreen

nim442

function u(t) {

c.width=1280
for(var i=0;i<10;i++){
x.fillRect(100,100,100,100)
}

Jan 7 2018 5:49 AM UTC

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

JeremyLikness

remix of d/4058 by u/JeremyLikness

function u(t) {

x1=Math.random();r=x1*2+2;for(i=250;i--;){x1=r*x1*(1-x1);x.fillStyle=R(i+150,127,255-i,0.3);if(i<100)x.fillRect(r*960-2e3,1e3-x1*1e3,1,1);}

Jan 5 2018 3:13 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 1 remix fullscreen

jbl

function u(t) {

c.width=i=2e3
while(--i)p=S(T=S(t/4)/12*i)*i,K=C(T/2)*i,x.fillStyle=R(k=99-i/9,k*2,k*3),x.fillRect(p+1e3,((C(T)+6)*i-p)/4,K/4+30,K/6+20)

Jan 2 2018 10:03 PM UTC

}// 136/140

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

u/aliassheep

This would make a great intro sequence for an art or writing program or something

show FPS hide FPS share fullscreen

yokljo

function u(t) {

w=c.width|=0
j=w/2
h=700
x.font="90px A"
x.fillText("💧",j-50,(t%1-.55)*w)
for(i=-j;i<j;i++)x.fillRect(i+j,h-S(S(i/j*9/(t%1))/i/j*w)*90,2,h)

Jan 2 2018 1:41 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/magna

Awesome!
u/Pjaerr

You should really make the rectangle blue or something.
u/Lazy1337

the "rectangle" is actually an emoji, I know its a water drop because I can see it on my newer PC
u/Lazy1337

well not really the strict definition of "emoji" but you got it.
u/joeytwiddle

#water #drop

show FPS hide FPS share fullscreen

Agnes

function u(t) {

s=255,A=Math.abs,w=1920,q=2*w,h=1080,p=2*h,i=s*t,e=A(i%q-w)-1,y=A(i%p-h)-1,x.fillStyle=R(t,s*C(t)+t,t),x.fillRect(e,y,t*(2+S(t)),t*(2+C(t)))

Jan 5 2018 12:44 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/katkip

dvd

show FPS hide FPS share fullscreen

lowpoly

remix of d/5473 by u/lowpoly

function u(t) {

s=10;x.drawImage(c,s,0);for(i=0;i<=c.height;i+=s)x.fillRect(0,i,s,s,x.fillStyle=`hsl(${i/c.height*C(t*i*3)*255},100%,50%)`);

Jan 4 2018 12:14 PM UTC

}// 124/140

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

play with x.fillStyle;-)

u/lowpoly

For example, x.fillStyle=Math.random()>0.5?'#000':'#fff'
u/lowpoly

or x.fillStyle=(~~(i/s/s)%2)^(~~(t*s)%2)?'#000':'#fff'
u/sigveseb

So intense colors!

show FPS hide FPS share fullscreen

eviltoad

remix of d/5501 by u/eviltoad

function u(t) {

n=255
x.translate(1+5*S(t),.1+5*C(t))
x.strokeStyle=R(S(t)*n,C(t)*n,n/T(t));
x.beginPath();m=550
x.arc(0,540,m*C(t)+m,0,6.28);
x.stroke();

Jan 4 2018 6:26 PM UTC

}// 138/140

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

u/donbright

:)

show FPS hide FPS share fullscreen

logomach

function u(t) {

c.width|=0;for(i=400;i--;)x.fillStyle=R(i,0,i),x.fillRect(960+200*S(t*2+i),850+800*C(i/400+1.57)+S(i)*80+T(i/2)*300,10,10)

Jan 5 2018 2:08 AM UTC

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

crimbles

remix of d/5357 by u/crimbles

function u(t) {

for(i=50;i<340;i++){
if(i%2){x.fillStyle='#000';x.rotate(.01)}else{x.fillStyle='#fff';x.rotate(.9)}
x.fillRect(t,i*5,T(i)*10,T(t))}

Jan 3 2018 12:04 PM UTC

}// 131/140

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

u/magna

I'd print this and hang it as modern art.
u/joeytwiddle

I'd print this and sell it to magna at the going rate.
u/iverjo

This dweet has attitude and style! I like it