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 2 remixes fullscreen

davidsharp

remix of d/6388 by u/davidsharp

function u(t) {

w=255
with(x)stroke(),beginPath(),lineWidth=9,strokeStyle=R(S(t)*w,S(t+1)*w,S(t+2)*w)
for(i=0;i<100;)x.lineTo(++i*19.2,500+S(i/15+t%60)*w)

Feb 12 2018 1:20 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/Xen

nice :-)
u/Yogeshp3

very nice

show FPS hide FPS share fullscreen

bschwb

function u(t) {

c.width|=0
x.lineWidth=850
for(i=1;i<9;i++)m=0.5*i*t,x.beginPath(),x.strokeStyle=`hsl(${i*20},50%,50%)`,x.arc(960,540,90,m,m+0.2),x.stroke()

Feb 10 2018 10:18 PM UTC

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

Agnes

function u(t) {

H=n=>S(n*(i=Math.PI));R=Math.random;q=H(e=R());with(x)globalAlpha=p=H(y=R()),beginPath(),fill(arc(1920*e,1080*y,30*q*p,0,2*i));

Feb 13 2018 10:39 AM UTC

}// 127/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/6851 by u/AnnanFay

function u(t) {

r=Math.random
for(i=4e3;i--;x.fillRect(700+T[i],520+C[i],1,1))P=G=>G[i]=(G[i]||0)+29*(r()-.5),P(T),P(C),x.fillStyle=r()>.5?'#'+i:'#f'+i*i

Feb 11 2018 8:18 PM UTC

}// 137/140

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

Shoutz 2 AnnanFay

u/aleamb

cool!

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6862 by u/AnnanFay

function u(t) {

x.globalCompositeOperation='hue'
x.drawImage(I,X=t**3%1*2e3,Y=X**3%1e3,s=200,s,X+S(X%4)*X,Y,s,s)};{I=new Image
I.crossOrigin=I.src='//具.pw'

Feb 12 2018 7:47 PM UTC

}// 139/140

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

!h6q: please link https://picsum.photos/1920/1080?random

u/AnnanFay

Heh, we don't need I.crossOrigin= any more so there's 15 characters to play with.
u/davidsharp

Woah, nice thinking outside of the box 🤯

show FPS hide FPS share fullscreen

blimp

function u(t) {

c.width=925;
for(i=10;i<200;i++) 
for(j=1;j<10;j++,x.fillStyle=R(j+6,j*60,j*0.09))x.fillRect(450+C(i)*350,250+S(i)*4.25*S(t/+j)*60,8,3);

Feb 12 2018 6:27 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 FPS hide FPS share fullscreen

swilson

function u(t) {

v=245;x.arc(c.width/2+720*S(t*5.65),c.height/1.2+720*C(4.51*t),0,0,0);x.fill();x.fillStyle=R((v+v*C(2*t)),(v+v*S(5*t)),(v+v*S(2*t)),0.23)

Feb 13 2018 3:54 AM 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 fullscreen

snydej

remix of d/6816 by u/snydej

function u(t) {

c.width=200
s=3*S(t*=4)
with(x)f=i=>fillText('🏀',-7,3,setTransform(k=3*C(t),i*s,-s,i*k,99,70-i*(9*(s*s)**.5+14))),f(1),globalAlpha=.2,f(-1)

Feb 13 2018 2:29 AM UTC

}// 139/140

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

u/loni_art

fun!

show FPS hide FPS share fullscreen

unts-unts-unts-unts

function u(t) {

for(j=0;j++<80;)
for(i=0;i++<10;){
x.fillStyle=R(X=i*j%256,128*(1+S(j*t)),256-X)
x.fillRect(960+12*j*C(s=i*t/3),540+12*j*S(s),12,12)}

Feb 9 2018 3:41 PM UTC

}// 133/140

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

u/dogspace

woahh!

show FPS hide FPS share fullscreen

davidsharp

function u(t) {

n=c.height=c.width=128
for(k=0;k++<n;)for(y=0;y++<n;)if(y>(40+(S((k+(t*10)%128)/10)*20)))x.fillRect(k,y,1,1)

Feb 14 2018 12:31 AM UTC

}// 111/140

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

Drawing pixels as rects is slooooooooow

u/loni_art

i tried writing a rect filler in Win32 a while ago, there's a lot of stuff you have to think about!