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

yokljo

function u(t) {

x.fillRect(0,0,c.width=w=2e3,w)
n=50
for(j=5*S(t);j<n;j+=1)for(i=0;i<120-j;i++)x.clearRect(n+j*60*S(t/n*j/i),540+C(t/50*j+i)*j*7,i/9,i/9)

Dec 2 2017 12:25 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/Xen

nice :-)
u/donbright

glitter effect is really nice

show FPS hide FPS share fullscreen

zoulei

remix of d/3594 by u/DonKarlssonSan

function u(t) {

k=(p,l,a,b)=>
{if(l!=0){var s=p/3;l--;x.fillRect(s+a,s+b,s,s);for(var X=0;X<3;X++)for(var y=0;y<3;y++)k(s,l,a+X*s,b+y*s)}};k(1e3,5,0,0)

Dec 3 2017 2:47 PM UTC

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

Xen

remix of d/3589 by u/yokljo

function u(t) {

for(c.width|=j=n=80;j--;)for(i=0;i<120-j;i++)x.fillRect(n+j*60*S(t/n*j/i),540+C(t/50*j+i)*j*7,j/i,i)

Dec 2 2017 6:39 PM UTC

}// 100/140

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

Shoutz to yokljo.

show FPS hide FPS share fullscreen

tsuhre

function u(t) {

c.width=1920;
  for(i=0;i<1000;i++){
  x.fillRect(960+S(t*i/30)*300*i/100, 540 + C(t*i/30)*300*i/100, 10, 10)
}

Dec 1 2017 9:32 PM UTC

}// 111/140

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

u/donbright

really cool how the number of "arms" from central point, differs to the human mind over time.

show FPS hide FPS share fullscreen

Xen

remix of d/3586 by u/tsuhre

function u(t) {

for(i=1e3;i--;x.fillRect(960+S(t)+S(t*i)*i,540+C(t)+C(t*i)*i,t*t%9+9,t*t%9+9))x.fillStyle=R(i*t*t%255,255/C(t*199/i),i%255,.1)

Dec 1 2017 11:36 PM UTC

}// 128/140

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

u/tsuhre

This is Awesome! Great remix
u/Xen

Thank you
u/donbright

its cool how the alpha blending really makes a difference

show FPS hide FPS share fullscreen

DonKarlssonSan

function u(t) {

k=(p,l,x0,y0)=>{if(l!=0){var s=p/3;l--;x.fillRect(s+x0,s+y0,s,s);for(var X=0;X<3;X++)for(var y=0;y<3;y++)k(s,l,x0+X*s,y0+y*s)}};k(1e3,5,0,0)

Dec 2 2017 8:50 PM UTC

}// 140/140

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

Here is my un-golfed original: https://codepen.io/DonKarlssonSan/pen/xVpyQQ

show FPS hide FPS share fullscreen

tsuhre

function u(t) {

x.fillStyle=R((S(t)+.5)*255,(S(t-2)+.5)*255,(S(t-4)+.5)*255,1)
x.fillRect(860+S(t*2)*300,440+C(t)*400,20,200)

Dec 1 2017 2:56 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

Xen

remix of d/3583 by u/Xen

function u(t) {

for(i=2e3;i--;x.fillRect(960+i*C(i+t),500+i*S(i+t)/2,29,29))x.fillStyle=R(X=i%(4+C(t/9)*t/8)|0?i:0,X,X)

Nov 30 2017 11:04 PM UTC

}// 103/140

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

Test #2

u/cporg

dffghd
u/cporg

hhdh
u/katkip

#tagfail
u/BirdsTweetCodersDweet

dammit katkip stop messing up the #tagfail hashtag

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

for(i=2e3;i--;x.fillRect(960+i*C(i+t),500+i*S(i+t)/2,99,99))x.fillStyle=R(i*t*2%255,i*t/.66%255,i*t*3%255,t*29/i)
x.drawImage(c,S(t),C(t))

Nov 30 2017 10:37 PM UTC

}// 138/140

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

Quick test to show my little sister how dwitter works

show FPS hide FPS share 1 remix fullscreen

tsuhre

function u(t) {

for(i=1;i<50;i++){
x.fillStyle=R(100,S(t*19)*255,0,.01)
 x.fillRect(960+S(t)*20*i+S(t*10)*10*i,540+C(t)*20*i+C(t*10)*10*i,100,100)
}

Dec 1 2017 3:26 PM UTC

}// 132/140

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

u/Xen

Nice!, done you a remix #3588
u/tsuhre

Very nice!